:root{--gold: #C49B3C;--gold-light: #D4AD50;--gold-dark: #A07D2E;--gold-glow: rgba(196, 155, 60, .35);--gold-border: rgba(196, 155, 60, .4);--gold-border-active: rgba(196, 155, 60, .7);--bg: #0B1420;--bg-mid: #0E1928;--card: #111827;--card-hover: #141f32;--surface: #1A2235;--header: #0D1117;--text: #F0F0F0;--text-secondary: #8B949E;--text-muted: #5A6270;--cyan: #00E5C3;--success: #4CAF50;--error: #F85149;--warning: #F0A429;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--max-width: 1200px;--nav-height: 68px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.circuit-bg{background-color:var(--bg);background-image:linear-gradient(rgba(196,155,60,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(196,155,60,.05) 1px,transparent 1px),linear-gradient(rgba(196,155,60,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(196,155,60,.02) 1px,transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px;background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px;position:relative}.circuit-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 20% 30%,rgba(196,155,60,.04) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 70%,rgba(0,229,195,.03) 0%,transparent 70%);pointer-events:none}.glass-card{background:#111827cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:.75px solid var(--gold-border);border-radius:14px;box-shadow:0 8px 24px #0006,0 0 0 .5px #c49b3c14 inset}.glass-card:hover{border-color:var(--gold-border-active);box-shadow:0 12px 32px #00000080,0 0 24px #c49b3c14,0 0 0 .5px #c49b3c26 inset;transition:all .25s ease}.gold-card{background:var(--card);border:.75px solid var(--gold-border);border-radius:14px;box-shadow:0 6px 12px #c49b3c14,0 0 0 .5px #c49b3c0f inset}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:#0b1420;font-weight:700;font-size:.95rem;border:none;border-radius:8px;cursor:pointer;letter-spacing:.02em;transition:all .2s ease;font-family:var(--font);text-transform:uppercase}.btn-gold:hover{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%);box-shadow:0 0 20px #c49b3c66;transform:translateY(-1px)}.btn-gold:active{transform:translateY(0)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 28px;background:transparent;color:var(--gold);font-weight:600;font-size:.95rem;border:1px solid var(--gold-border);border-radius:8px;cursor:pointer;letter-spacing:.02em;transition:all .2s ease;font-family:var(--font)}.btn-outline:hover{background:#c49b3c14;border-color:var(--gold);box-shadow:0 0 12px #c49b3c33}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;color:var(--text-secondary);font-size:.9rem;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:var(--font)}.btn-ghost:hover{color:var(--text);background:#ffffff0d}.input-gold{width:100%;padding:13px 18px;background:var(--surface);border:1px solid var(--gold-border);border-radius:8px;color:var(--text);font-size:.95rem;font-family:var(--font);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-gold::placeholder{color:var(--text-muted)}.input-gold:focus{border-color:var(--gold-border-active);box-shadow:0 0 0 3px #c49b3c1f}.text-gold{color:var(--gold)}.text-gold-gradient{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 50%,var(--gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-cyan{color:var(--cyan)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-sm{padding:48px 0}.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:12px}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:560px;line-height:1.7}.grade-badge{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;font-size:1.75rem;font-weight:800;border:2px solid}.grade-A{background:#4caf5026;color:#4caf50;border-color:#4caf50}.grade-B{background:#8bc34a26;color:#8bc34a;border-color:#8bc34a}.grade-C{background:#f0a42926;color:#f0a429;border-color:#f0a429}.grade-D{background:#ff980026;color:#ff9800;border-color:#ff9800}.grade-F{background:#f8514926;color:#f85149;border-color:#f85149}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#c49b3c4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c49b3c80}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--gold-border),transparent);margin:40px 0}.tag{display:inline-block;padding:3px 10px;background:#c49b3c1a;color:var(--gold);border:1px solid rgba(196,155,60,.3);border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.tag-cyan{background:#00e5c31a;color:var(--cyan);border-color:#00e5c34d}@keyframes pulse-gold{0%,to{box-shadow:0 0 #c49b3c66}50%{box-shadow:0 0 0 8px #c49b3c00}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:fadeUp .5s ease forwards}@media (max-width: 768px){.section{padding:56px 0}.section-title{font-size:1.6rem}.container{padding:0 16px}}