@charset "utf-8";

*{ padding: 0; margin: 0; outline: none; box-sizing: border-box; }
/*@font-face{ font-family: "lz"; src: url('../font/lz.ttf'); }*/
/*@font-face{ font-family: "nt"; src: url('../font/nt.otf'); }*/

body{
    font-size: 16px;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    background: #0a0e17;
    color: #e2e8f0;
    overflow-x: hidden;
}

html{ scroll-behavior: smooth; }

a{ color: inherit; }

img{ max-width: 100%; height: auto; }

/* ---------- CSS Variables ---------- */
:root {
    --bg-dark:          #0a0e17;
    --bg-card:          #111827;
    --bg-card-hover:    #1a2235;
    --text-primary:     #e2e8f0;
    --text-secondary:   #94a3b8;
    --teal:             #2d7d8a;
    --teal-dark:        #1e3a5f;
    --purple:           #8a2387;
    --purple-light:     #c040a0;
    --cyan:             #00d4ff;
    --gradient:         linear-gradient(135deg, var(--teal-dark), var(--purple));
    --gradient-text:    linear-gradient(135deg, var(--teal), var(--purple-light));
    --gradient-hover:   linear-gradient(135deg, var(--teal), var(--purple));
    --border-color:     rgba(45, 125, 138, 0.2);
    --glow-teal:        rgba(45, 125, 138, 0.15);
    --glow-purple:      rgba(138, 35, 135, 0.15);
    --radius:           12px;
    --radius-lg:        20px;
    --transition:       all 0.3s ease;
}

#main{

}