:root{--landing-ink: #0c1222;--landing-muted: rgba(248, 250, 252, .72);--landing-surface: rgba(255, 255, 255, .12);--landing-border: rgba(255, 255, 255, .22);--landing-glow-violet: #7c3aed;--landing-glow-cyan: #06b6d4;--landing-glow-rose: #f43f5e;--landing-accent: #22d3ee;--landing-font: "Outfit", system-ui, -apple-system, sans-serif}.landing-page *{box-sizing:border-box;margin:0;padding:0}.landing-page{font-family:var(--landing-font);color:#f8fafc;min-height:100vh;overflow-x:hidden;background:var(--landing-ink);scroll-behavior:smooth}body.dash-body{overflow-x:visible}.landing-bg--aurora{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 18% 18%,rgba(124,58,237,.48),transparent 55%),radial-gradient(ellipse 72% 52% at 88% 12%,rgba(6,182,212,.42),transparent 50%),radial-gradient(ellipse 58% 72% at 52% 92%,rgba(244,63,94,.38),transparent 55%),linear-gradient(165deg,#0c1222,#1e1b4b 42%,#0f172a);animation:landing-aurora-shift 20s ease-in-out infinite alternate}@keyframes landing-aurora-shift{0%{filter:hue-rotate(0deg) saturate(1);transform:scale(1)}to{filter:hue-rotate(28deg) saturate(1.12);transform:scale(1.02)}}.landing-bg--grid{position:fixed;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 75% 65% at 45% 35%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 45% 35%,black,transparent);pointer-events:none}.landing-orb{position:fixed;border-radius:50%;filter:blur(64px);opacity:.5;z-index:0;animation:landing-float 14s ease-in-out infinite;pointer-events:none}.landing-orb--1{width:340px;height:340px;background:var(--landing-glow-violet);top:8%;left:-6%}.landing-orb--2{width:300px;height:300px;background:var(--landing-glow-cyan);top:38%;right:-10%;animation-delay:-5s}.landing-orb--3{width:220px;height:220px;background:var(--landing-glow-rose);bottom:12%;left:32%;animation-delay:-8s}@keyframes landing-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(28px,-18px) scale(1.06)}66%{transform:translate(-20px,14px) scale(.98)}}.landing-shell{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,2rem) 3.5rem;min-height:100vh;display:flex;flex-direction:column}.landing-header{display:flex;align-items:center;justify-content:flex-start;padding-bottom:clamp(1.5rem,4vw,2.75rem);animation:landing-fade-down .85s ease-out both}@keyframes landing-fade-down{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.landing-logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.125rem;letter-spacing:-.02em;text-decoration:none;color:inherit}.landing-logo__mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--landing-glow-cyan),var(--landing-glow-violet));box-shadow:0 10px 36px #06b6d461;animation:landing-pulse-glow 3.2s ease-in-out infinite}@keyframes landing-pulse-glow{0%,to{box-shadow:0 10px 36px #06b6d461}50%{box-shadow:0 12px 52px #7c3aed73}}.landing-main{flex:1;display:grid;gap:clamp(2rem,5vw,3.5rem);align-items:center}@media(min-width:960px){.landing-main{grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:3rem 4rem}}.landing-intro{animation:landing-fade-up .9s ease-out .08s both}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.landing-intro__eyebrow{display:inline-block;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--landing-accent);margin-bottom:1rem;padding:.35rem .85rem;border-radius:999px;background:#22d3ee1f;border:1px solid rgba(34,211,238,.28)}.landing-intro__title{font-size:clamp(2.1rem,4.8vw,3.25rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;margin-bottom:1.125rem}.landing-intro__title span{background:linear-gradient(100deg,#22d3ee,#c4b5fd,#fb7185);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-intro__lead{font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.65;color:var(--landing-muted);max-width:42ch;margin-bottom:1.5rem}.landing-intro__list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.landing-intro__list li{display:flex;align-items:flex-start;gap:.65rem;font-size:.95rem;color:#f8fafce0;line-height:1.45}.landing-intro__list li:before{content:"";flex-shrink:0;width:8px;height:8px;margin-top:.45rem;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#a78bfa);box-shadow:0 0 12px #22d3ee99}.landing-intro__trust{font-size:.875rem;color:#f8fafc80;line-height:1.5}.landing-intro__trust strong{color:var(--landing-accent);font-weight:600}.landing-aside{animation:landing-fade-up 1s ease-out .2s both}@media(min-width:960px){.landing-aside{justify-self:end;width:100%;max-width:400px}}.landing-actions-card{position:relative;border-radius:24px;padding:clamp(1.75rem,4vw,2.25rem);background:linear-gradient(155deg,#ffffff29,#ffffff0d);border:1px solid var(--landing-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 28px 90px #00000061,inset 0 1px #ffffff1f;animation:landing-card-float 9s ease-in-out infinite .5s}@keyframes landing-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.landing-actions-card:before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(125deg,#22d3ee8c,#a78bfa73,#fb718580);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.landing-actions-card__kicker{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#f8fafc8c;margin-bottom:.35rem}.landing-actions-card__title{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem;line-height:1.25}.landing-actions-card__stack{display:flex;flex-direction:column;gap:.875rem}.landing-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 1.5rem;border-radius:14px;font-family:inherit;font-weight:600;font-size:1.05rem;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.landing-btn:focus-visible{outline:2px solid var(--landing-accent);outline-offset:3px}.landing-btn--login{color:var(--landing-ink);background:linear-gradient(115deg,#22d3ee,#a78bfa,#fb7185);background-size:200% 200%;animation:landing-gradient-move 7s ease infinite;box-shadow:0 14px 44px #22d3ee59}.landing-btn--login:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 18px 52px #a78bfa6b}.landing-btn--register{color:#f1f5f9;background:var(--landing-surface);border-color:var(--landing-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-btn--register:hover{transform:translateY(-3px);background:#ffffff2e;border-color:#22d3ee73}@keyframes landing-gradient-move{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.landing-actions-card__hint{margin-top:1.25rem;font-size:.8125rem;line-height:1.5;color:#f8fafc7a;text-align:center}.landing-highlights{margin-top:clamp(2.5rem,6vw,4rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;animation:landing-fade-up 1s ease-out .45s both}.landing-highlight{padding:1.15rem 1.25rem;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);transition:transform .25s ease,border-color .25s ease}.landing-highlight:hover{transform:translateY(-4px);border-color:#22d3ee59}.landing-highlight__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--landing-accent);margin-bottom:.35rem}.landing-highlight__text{font-size:.9rem;color:var(--landing-muted);line-height:1.45}.landing-footer{margin-top:auto;padding-top:clamp(2rem,5vw,3rem);text-align:center;font-size:.8125rem;color:#f8fafc6b;line-height:1.55;animation:landing-fade-up 1s ease-out .55s both}@media(prefers-reduced-motion:reduce){.landing-bg--aurora,.landing-orb,.landing-logo__mark,.landing-actions-card,.landing-btn--login,.landing-intro,.landing-aside,.landing-header,.landing-highlights,.landing-footer{animation:none}}.landing-logo__mark{width:65px;height:65px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:0 4px 15px #0000001a;flex-shrink:0}.landing-logo__mark img{width:85%;height:85%;object-fit:contain;border-radius:50%}.landing-logo{display:flex;align-items:center;gap:15px}
