:root{--color-bg: #010511;--color-bg-muted: #050f25;--color-surface: #0b1427;--color-surface-elevated: #131f3a;--color-border: rgba(148, 163, 184, .2);--color-border-strong: rgba(148, 163, 184, .35);--color-heading: #e0e7ff;--color-text: #f8fafc;--color-text-muted: #b8c2e5;--color-subtle: #94a3b8;--color-accent: #60a5fa;--color-accent-strong: #38bdf8;--color-accent-soft: rgba(96, 165, 250, .18);--color-success: #34d399;--color-success-soft: rgba(52, 211, 153, .14);--color-danger: #f43f5e;--color-danger-soft: rgba(244, 63, 94, .15);--color-overlay: rgba(2, 6, 23, .85);--shadow-soft: 0 25px 45px rgba(2, 6, 23, .6);--transition-base: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;background-color:var(--color-bg);background-image:radial-gradient(circle at top,rgba(37,99,235,.25),transparent 45%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-accent-strong)}.container{max-width:1200px;margin:0 auto;padding:20px;width:100%;box-sizing:border-box}@media (max-width: 768px){.container{padding:15px}}@media (max-width: 480px){.container{padding:10px}}.card{background:linear-gradient(135deg,#0d182eeb,#111d39d1);border-radius:16px;border:none;box-shadow:var(--shadow-soft);padding:24px;margin-bottom:20px;width:100%;box-sizing:border-box;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width: 768px){.card{padding:15px;margin-bottom:15px}}@media (max-width: 480px){.card{padding:12px;margin-bottom:12px}}.btn{background-image:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;padding:12px 22px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;width:auto;max-width:100%;box-sizing:border-box;box-shadow:0 12px 25px #2563eb40;transition:transform var(--transition-base),box-shadow var(--transition-base)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px #7c3aed59}@media (max-width: 768px){.btn{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.btn{padding:6px 12px;font-size:12px}}.loading{text-align:center;padding:20px;color:var(--color-accent);background:var(--color-accent-soft);border-radius:12px;border:1px solid rgba(96,165,250,.4)}.error{color:var(--color-danger);background-color:var(--color-danger-soft);border:1px solid rgba(244,63,94,.25);padding:12px;border-radius:10px;margin:10px 0}.section-title{color:var(--color-heading);font-size:1.8rem;font-weight:700;margin:2rem 0 1.5rem;position:relative;text-align:center;max-width:100%;margin-left:auto;margin-right:auto;letter-spacing:-.02em}@media (max-width: 768px){.section-title{font-size:1.5rem;margin:1.5rem 0 1rem}}.section-title{font-size:clamp(1.1rem,4.5vw,1.8rem)}@media (max-width: 480px){.section-title{font-size:1.3rem;margin:1rem 0 .8rem}}