@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--brand:#3557ff;--brand-dark:#2740f5;--brand-light:#5f7dff;--brand-50:#f0f4ff;--brand-100:#e0e7ff;--brand-200:#c7d2fe;--brand-500:#6366f1;--brand-600:#4f46e5;--brand-700:#4338ca;--surface:#fff;--surface-soft:#f8fafc;--surface-muted:#f1f5f9;--surface-elevated:#fff;--bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--bg-dark:#0f172a;--text:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--text-white:#fff;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--error:#ef4444;--error-bg:#fef2f2;--info:#3b82f6;--info-bg:#eff6ff;--border:1px solid rgba(148,163,184,.2);--border-strong:1px solid rgba(148,163,184,.3);--border-brand:1px solid rgba(53,87,255,.2);--radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-md:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-brand:0 20px 45px rgba(53,87,255,.15);--shadow-glow:0 0 0 1px rgba(53,87,255,.1),0 0 20px rgba(53,87,255,.2);--space-xs:0.25rem;--space-sm:0.5rem;--space:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--transition-fast:150ms ease-out;--transition:250ms ease-out;--transition-slow:350ms ease-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.6}.layout-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);position:relative}.layout-shell:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(53,87,255,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(53,87,255,.03) 0,transparent 50%);pointer-events:none;z-index:-1}.layout-container{flex:1 1 auto;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-2xl)}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:hsla(0,0%,100%,.85);border-bottom:var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition)}.navbar-inner{max-width:1200px;margin:0 auto;padding:var(--space) var(--space-lg);justify-content:space-between;gap:var(--space-lg)}.brandmark,.navbar-inner{display:flex;align-items:center}.brandmark{gap:var(--space);font-weight:700;font-size:var(--font-size-xl);color:var(--text);text-decoration:none;transition:all var(--transition)}.brandmark:hover{transform:translateY(-1px)}.brandmark-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-light) 0,var(--brand) 50%,var(--brand-dark) 100%);box-shadow:var(--shadow-brand);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.brandmark-icon:before{content:"S";color:#fff;font-weight:800;font-size:var(--font-size-lg)}.brandmark-icon:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.nav-links{display:flex;align-items:center;gap:var(--space-lg)}.nav-link{font-weight:500;font-size:var(--font-size-sm);color:var(--text-muted);padding:var(--space-sm) var(--space);border-radius:var(--radius);position:relative;transition:all var(--transition);text-decoration:none}.nav-link:hover{transform:translateY(-1px)}.nav-link.active,.nav-link:hover{color:var(--brand);background:var(--brand-50)}.nav-link.active{font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:20px;height:3px;border-radius:var(--radius-full);background:var(--brand)}.btn-primary{background:linear-gradient(135deg,var(--brand) 0,var(--brand-dark) 100%);color:var(--text-white);border:none;border-radius:var(--radius-full);padding:var(--space) var(--space-lg);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;box-shadow:var(--shadow-brand);position:relative;overflow:hidden;transition:all var(--transition);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left var(--transition-slow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.btn-secondary{border-radius:var(--radius-full);padding:var(--space) var(--space-lg);border:var(--border-strong);background:var(--surface);color:var(--text);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:active{transform:translateY(0)}.surface-card{background:var(--surface-elevated);border:var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-2xl);position:relative;overflow:hidden;transition:all var(--transition)}.surface-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--brand),transparent);opacity:0;transition:opacity var(--transition)}.surface-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.surface-card:hover:before{opacity:1}.section-muted{background:linear-gradient(135deg,var(--surface-soft) 0,var(--brand-50) 100%);border-radius:var(--radius-2xl);padding:var(--space-3xl);position:relative;overflow:hidden;border:var(--border-brand)}.section-muted:before{width:300px;height:300px;background:radial-gradient(circle,rgba(53,87,255,.1) 0,transparent 70%);top:-100px;right:-100px;animation:float 6s ease-in-out infinite}.section-muted:after,.section-muted:before{content:"";position:absolute;border-radius:50%}.section-muted:after{width:200px;height:200px;background:radial-gradient(circle,rgba(53,87,255,.05) 0,transparent 70%);bottom:-50px;left:-50px;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.grid-cards{display:grid;grid-gap:var(--space-xl);gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--surface-elevated);border:var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space);position:relative;overflow:hidden;transition:all var(--transition)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-light));transform:scaleX(0);transition:transform var(--transition)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--brand-100) 0,var(--brand-200) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);color:var(--brand);font-weight:600;position:relative;overflow:hidden;transition:all var(--transition)}.feature-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.2),transparent);transform:translateX(-100%);transition:transform var(--transition-slow)}.feature-card:hover .feature-icon{transform:scale(1.1);box-shadow:var(--shadow-brand)}.feature-card:hover .feature-icon:before{transform:translateX(100%)}.table-card{background:var(--surface-elevated);border:var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-xl);overflow:hidden;position:relative}.table-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand),var(--brand-light))}.table-card table{width:100%;border-collapse:collapse}.table-card th{text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding-bottom:var(--space);font-weight:600;border-bottom:var(--border)}.table-card td{padding:var(--space) 0;border-bottom:1px solid rgba(148,163,184,.1);font-size:var(--font-size-sm);transition:background-color var(--transition)}.table-card tbody tr:hover td{background:var(--brand-50)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;background:linear-gradient(135deg,var(--brand-100) 0,var(--brand-200) 100%);color:var(--brand);border:1px solid var(--brand-200);transition:all var(--transition);text-transform:uppercase;letter-spacing:.025em}.badge:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.chip{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;background:var(--surface);color:var(--text-muted);border:var(--border);transition:all var(--transition);cursor:pointer;text-decoration:none}.chip:hover{background:var(--brand-50);color:var(--brand);border-color:var(--brand);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.footer{padding:var(--space-xl) var(--space-lg) var(--space-2xl);text-align:center;color:var(--text-muted);font-size:var(--font-size-xs);border-top:var(--border);background:var(--surface-soft);margin-top:var(--space-2xl)}input,select,textarea{font-family:inherit;font-size:var(--font-size-sm);padding:var(--space) var(--space-md);border:var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:all var(--transition);outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(53,87,255,.1);transform:translateY(-1px)}input::placeholder,textarea::placeholder{color:var(--text-light)}.muted{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.status-success{background:var(--success-bg);color:var(--success);border-color:var(--success)}.status-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.status-error{background:var(--error-bg);color:var(--error);border-color:var(--error)}.status-info{background:var(--info-bg);color:var(--info);border-color:var(--info)}@media (max-width:1024px){.layout-container{padding:var(--space-lg) var(--space-md) var(--space-xl)}.surface-card{padding:var(--space-xl)}.section-muted{padding:var(--space-2xl)}}@media (max-width:768px){.navbar-inner{flex-direction:column;align-items:stretch;gap:var(--space);padding:var(--space) var(--space-md)}.nav-links{width:100%;justify-content:center;flex-wrap:wrap;gap:var(--space-sm)}.nav-link{padding:var(--space-sm);font-size:var(--font-size-xs)}.layout-container{padding:var(--space-md) var(--space-sm) var(--space-lg)}.section-muted{padding:var(--space-xl) var(--space-md);border-radius:var(--radius-xl)}.surface-card{padding:var(--space-lg);border-radius:var(--radius-lg)}.grid-cards{grid-template-columns:1fr;gap:var(--space-lg)}.feature-card{padding:var(--space-lg)}.brandmark{font-size:var(--font-size-lg)}.brandmark-icon{width:32px;height:32px}}@media (max-width:480px){.layout-container{padding:var(--space-sm) var(--space-xs) var(--space-md)}.section-muted{padding:var(--space-lg) var(--space-sm)}.feature-card,.surface-card{padding:var(--space-md)}.btn-primary,.btn-secondary{padding:var(--space-sm) var(--space);font-size:var(--font-size-xs)}.nav-links{gap:var(--space-xs)}.nav-link{padding:var(--space-xs) var(--space-sm)}}@media print{.footer,.navbar{display:none}.layout-container{padding:0;max-width:none}.feature-card,.surface-card{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid;break-inside:avoid}}@media (prefers-contrast:high){:root{--border:2px solid #000;--shadow:none;--shadow-lg:none;--shadow-xl:none}.btn-primary,.btn-secondary{border:2px solid #000}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.brandmark-icon:after,.section-muted:after,.section-muted:before{animation:none}}@media (prefers-color-scheme:dark){:root{--surface:#1e293b;--surface-soft:#0f172a;--surface-muted:#334155;--surface-elevated:#1e293b;--text:#f1f5f9;--text-muted:#94a3b8;--text-light:#64748b;--border:1px solid rgba(148,163,184,.3);--border-strong:1px solid rgba(148,163,184,.4);--bg:linear-gradient(135deg,#0f172a,#1e293b)}.navbar{background:rgba(30,41,59,.9)}.footer{background:#0f172a}}