:root{--background:#fff;--foreground:#0a1128;--surface:#f8fafc;--surface-hover:#f1f5f9;--surface-card:#fff;--surface-border:#e2e8f0;--surface-border-light:#cbd5e1;--accent:#155eef;--accent-hover:#004eeb;--accent-navy:#0a1128;--accent-cyan:#00c2ff;--accent-cyan-hover:#00b4d8;--accent-gradient:linear-gradient(135deg, #155eef 0%, #00c2ff 100%);--accent-gradient-navy:linear-gradient(135deg, #0a1128 0%, #155eef 100%);--accent-glow:#00c2ff2e;--accent-subtle:#155eef0f;--text-primary:#0a1128;--text-secondary:#475467;--text-muted:#64748b;--shadow-sm:0 1px 2px #0a11280d;--shadow-md:0 4px 20px -2px #0a112812, 0 2px 6px -1px #0a11280a;--shadow-lg:0 12px 32px -4px #0a11281a, 0 4px 12px -2px #0a11280d;--shadow-glow:0 8px 24px -2px #00c2ff40;--radius-sm:.375rem;--radius:.625rem;--radius-lg:1rem;--max-width:1200px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s,opacity .2s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,h4,h5,h6{color:var(--foreground);letter-spacing:-.025em;font-weight:600;line-height:1.25}h1{margin-bottom:1.25rem;font-size:3.25rem;font-weight:700}h2{margin-bottom:1rem;font-size:2.25rem;font-weight:600}h3{margin-bottom:.75rem;font-size:1.35rem;font-weight:600}p{color:var(--text-secondary);margin-bottom:1rem}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:5.5rem 0;position:relative}.btn{border-radius:var(--radius);letter-spacing:-.01em;cursor:pointer;text-align:center;border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.6rem;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;border:none;box-shadow:0 4px 14px #155eef40}.btn-primary:hover{background:linear-gradient(135deg,#004eeb 0%,#00b4d8 100%);transform:translateY(-1px);box-shadow:0 6px 20px #00c2ff59}.btn-secondary{background-color:var(--background);color:var(--foreground);border:1px solid var(--surface-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--surface);border-color:var(--surface-border-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:var(--accent-gradient);color:#fff;border:none;box-shadow:0 4px 16px #00c2ff40}.btn-accent:hover{box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#004eeb 0%,#00b4d8 100%);transform:translateY(-1px)}.badge{background-color:var(--surface);border:1px solid var(--surface-border);color:var(--text-secondary);border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.badge-accent{color:#0284c7;background:#00c2ff14;border-color:#00c2ff47}.grid{gap:1.5rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-primary);margin-bottom:.4rem;font-size:.875rem;font-weight:500;display:block}.form-input,.form-textarea,.form-select{border:1px solid var(--surface-border);border-radius:var(--radius);width:100%;min-height:44px;color:var(--foreground);background-color:#fff;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #155eef26}.form-textarea{resize:vertical;min-height:130px}@media (max-width:1024px){h1{font-size:2.75rem}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){h1{font-size:2.25rem}h2{font-size:1.85rem}.section{padding:4rem 0}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media (max-width:480px){h1{font-size:1.95rem}.container{padding:0 1.25rem}.btn{width:100%}}
