@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;600;700;800&family=Space+Grotesk:wght@500;700&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;width:100%;font-family:Inter,sans-serif;overflow-x:hidden}body{color:#e4e1ed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050505;min-height:100vh}#root{box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.font-display-xl,.font-headline-lg,.font-headline-lg-mobile,.font-title-md{font-family:Plus Jakarta Sans,system-ui,sans-serif}.font-body-base,.font-body-sm{font-family:Inter,system-ui,sans-serif}.font-label-caps{letter-spacing:.1em;font-family:Space Grotesk,system-ui,sans-serif;transition:letter-spacing .3s,color .3s}.font-label-caps:hover{letter-spacing:.16em}.font-mono-code{font-family:Fira Code,monospace}.interactive-heading{transition:text-shadow .3s,transform .3s}.interactive-heading:hover{text-shadow:0 0 20px #c0c1ff66}.gradient-text-interactive{background:linear-gradient(135deg,#c0c1ff 0%,#ddb7ff 50%,#8083ff 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;transition:background-position .5s}.gradient-text-interactive:hover{background-position:100%}.glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;transition:transform .3s,border-color .3s,box-shadow .3s}.glass-card:hover{border-color:#c0c1ff40;box-shadow:0 10px 30px -10px #8083ff26}.gradient-border-card{background:#ffffff08;border-radius:24px;position:relative;overflow:hidden}.gradient-border-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(to bottom right,#c0c1ff66,#0000,#0566d966);border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float-animation{animation:6s ease-in-out infinite float}.reveal{opacity:0;transition:all .8s cubic-bezier(.22,1,.36,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.typing-cursor:after{content:"|";color:#c0c1ff;margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 3px #2563eb59}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-sm{padding:6px 14px;font-size:.85rem}.btn-md{padding:10px 20px;font-size:.95rem}.btn-lg{padding:14px 26px;font-size:1.05rem}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 12px #2563eb40}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #2563eb33}.btn-secondary{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0}.btn-secondary:hover:not(:disabled){color:#0f172a;background:#e2e8f0;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-outline{color:#2563eb;background:0 0;border-color:#2563eb}.btn-outline:hover:not(:disabled){background:#2563eb14;transform:translateY(-1px)}.btn-outline:active:not(:disabled){transform:translateY(0)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef444440}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 6px 16px #ef444459}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-ghost{color:#64748b;background:0 0}.btn-ghost:hover:not(:disabled){color:#1e293b;background:#64748b1a}