:root{--bright-blue: oklch(51.01% .274 263.83);--electric-violet: oklch(53.18% .28 296.97);--french-violet: oklch(47.66% .246 305.88);--vivid-pink: oklch(69.02% .277 332.77);--hot-red: oklch(61.42% .238 15.34);--orange-red: oklch(63.32% .24 31.68);--gray-900: oklch(19.37% .006 300.98);--gray-700: oklch(36.98% .014 302.71);--gray-600: oklch(45% .012 300);--gray-500: oklch(55% .01 300);--gray-400: oklch(70.9% .015 304.04);--gray-200: oklch(85% .008 300);--gray-100: oklch(95% .005 300);--white: oklch(100% 0 0);--primary: var(--bright-blue);--primary-dark: var(--french-violet);--accent-gradient: linear-gradient(135deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100%);--header-height: 64px;--footer-height: 72px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}html,body{height:100%}body{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,var(--white) 0%,var(--gray-100) 100%)}main{width:100%;height:calc(100vh - var(--header-height) - var(--footer-height) - 20px);padding-top:24px;display:block;position:relative;overflow-y:auto;overflow-x:hidden}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;position:relative}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,var(--electric-violet) 0%,transparent 70%);opacity:.08;border-radius:50%;pointer-events:none}.hero:after{content:"";position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,var(--bright-blue) 0%,transparent 70%);opacity:.06;border-radius:50%;pointer-events:none}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;width:100%;max-width:1200px;align-items:center;z-index:1}.hero-left h1{font-size:3rem;font-weight:700;line-height:1.2;color:var(--gray-900);margin-bottom:1rem;font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.hero-left .tagline{font-size:1.25rem;color:var(--gray-700);line-height:1.6;margin-bottom:2rem}.hero-features{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.feature-item{display:flex;gap:1rem;align-items:flex-start}.feature-icon{width:1.5rem;height:1.5rem;min-width:1.5rem;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:.875rem}.feature-text{color:var(--gray-700);font-size:.95rem}.login-card{background:var(--white);border-radius:1rem;padding:2.5rem;box-shadow:0 10px 40px #00000014;border:1px solid var(--gray-200);display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient)}.login-card h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.login-card p{font-size:.95rem;color:var(--gray-600);margin-bottom:1rem}.auth-status{padding:1rem;background:var(--gray-100);border-radius:.5rem;font-size:.9rem;color:var(--gray-700);margin-bottom:1rem}.auth-status.authenticated{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary-dark);border-left:3px solid var(--primary)}.button-group{display:flex;flex-direction:column;gap:.75rem}.btn{padding:.875rem 1.5rem;border-radius:.5rem;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent-gradient);color:var(--white);box-shadow:0 4px 12px #6332ee4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6332ee66}.btn-secondary{background:var(--gray-100);color:var(--gray-900);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-200)}.btn-danger{background:color-mix(in srgb,var(--hot-red) 100%,transparent);color:var(--white)}.btn-danger:hover{background:color-mix(in srgb,var(--hot-red) 85%,transparent)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.user-display{padding:1rem;background:var(--gray-50);border-radius:.5rem;font-size:.85rem;color:var(--gray-600)}.api-response{padding:1rem;background:var(--gray-100);border-radius:.5rem;border-left:3px solid var(--primary);font-family:Courier New,monospace;font-size:.8rem;max-height:200px;overflow-y:auto;color:var(--gray-800)}.api-response.error{border-left-color:var(--hot-red);background:color-mix(in srgb,var(--hot-red) 5%,transparent);color:var(--hot-red)}@media screen and (max-width:900px){.hero-content{grid-template-columns:1fr;gap:2rem}.hero-left h1{font-size:2.25rem}.nav-spacer{display:none}.user-info{width:100%;justify-content:space-between}}@media screen and (max-width:640px){.hero{padding:2rem 1rem}.hero-left h1{font-size:1.875rem}.hero-left .tagline{font-size:1rem}.login-card{padding:1.5rem}.button-group{flex-direction:column}.btn{width:100%}}