:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--bg-card: #13131e;--bg-card-hover: #1c1c2a;--border: #1e1e2e;--border-hover: #2a2a40;--text-primary: #ededef;--text-secondary: #9d9db0;--text-tertiary: #6b6b80;--accent: #7c7cff;--accent-hover: #9999ff;--accent-glow: rgba(124, 124, 255, .15);--green: #4ade80;--green-glow: rgba(74, 222, 128, .15);--red: #f87171;--yellow: #fbbf24;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accent-glow)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}::selection{background:var(--accent);color:#fff}.layout{display:flex;flex-direction:column;min-height:100vh}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0fcc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background .3s ease}.navbar--dashboard{background:#0a0a0ff2}.navbar__inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;gap:2rem}.navbar__brand{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;text-decoration:none}.navbar__logo{background:linear-gradient(135deg,var(--accent),#b366ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar__links{display:flex;align-items:center;gap:.25rem;margin-left:auto}.navbar__link{padding:.5rem .875rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all .2s ease}.navbar__link:hover{color:var(--text-primary);background:#ffffff0a}.navbar__link--active{color:var(--text-primary);background:#7c7cff14}.navbar__cta{padding:.5rem 1.25rem;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:.875rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.navbar__cta:hover{background:var(--accent-hover);color:#fff;box-shadow:var(--shadow-glow)}.main{flex:1;padding-top:64px}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:4rem 1.5rem 2rem}.footer__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:4rem}.footer__logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent),#b366ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer__tagline{color:var(--text-tertiary);margin-top:.5rem;font-size:.875rem;max-width:300px}.footer__links{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.footer__col h4{color:var(--text-primary);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.footer__col a{display:block;color:var(--text-tertiary);font-size:.875rem;padding:.375rem 0;transition:color .2s ease}.footer__col a:hover{color:var(--text-secondary)}.footer__bottom{max-width:1200px;margin:3rem auto 0;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center;color:var(--text-tertiary);font-size:.8125rem}.hero{position:relative;overflow:hidden;padding:8rem 1.5rem 6rem;text-align:center}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero__gradient{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.15;animation:heroFloat 20s ease-in-out infinite}.hero__gradient--1{top:-200px;left:10%;background:var(--accent);animation-delay:0s}.hero__gradient--2{bottom:-200px;right:10%;background:#b366ff;animation-delay:-7s}.hero__gradient--3{top:40%;left:50%;transform:translate(-50%,-50%);background:#4ade80;width:400px;height:400px;opacity:.05;animation-delay:-14s}@keyframes heroFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(124,124,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(124,124,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.hero__content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;background:#7c7cff14;border:1px solid rgba(124,124,255,.15);border-radius:100px;color:var(--accent);font-size:.8125rem;font-weight:500;margin-bottom:2rem;animation:fadeInDown .6s ease}.hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green-glow);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero__title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem;animation:fadeInUp .6s ease .1s both}.hero__title-gradient{background:linear-gradient(135deg,var(--accent),#b366ff,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;line-height:1.7;animation:fadeInUp .6s ease .2s both}.hero__actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;animation:fadeInUp .6s ease .3s both}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn--secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn--ghost:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff0a}.btn--sm{padding:.5rem 1rem;font-size:.8125rem}.btn--block{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section{padding:6rem 1.5rem}.section__header{text-align:center;margin-bottom:4rem}.section__label{display:inline-block;padding:.25rem .75rem;border-radius:100px;background:#7c7cff0f;border:1px solid rgba(124,124,255,.1);color:var(--accent);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.section__title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.section__subtitle{color:var(--text-secondary);font-size:1.0625rem;max-width:560px;margin:0 auto}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;max-width:1200px;margin:0 auto}.feature-card{position:relative;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .3s ease;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s ease}.feature-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.feature-card:hover:before{opacity:1}.feature-card__icon{width:40px;height:40px;border-radius:var(--radius-sm);background:#7c7cff14;border:1px solid rgba(124,124,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1.25rem}.feature-card__title{font-size:1.0625rem;font-weight:600;margin-bottom:.5rem}.feature-card__desc{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;max-width:1000px;margin:0 auto;counter-reset:step}.step{text-align:center;padding:2rem;position:relative}.step__number{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;font-size:1.125rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;position:relative;box-shadow:0 0 20px var(--accent-glow)}.step__title{font-size:1.0625rem;font-weight:600;margin-bottom:.5rem}.step__desc{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem}.card--glow{box-shadow:0 0 0 1px #7c7cff0d}.card__title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.card__subtitle{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.form{max-width:440px;margin:0 auto}.form__group{margin-bottom:1.25rem}.form__label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form__input{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9375rem;font-family:var(--font-sans);transition:all .2s ease;outline:none}.form__input::placeholder{color:var(--text-tertiary)}.form__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form__input--mono{font-family:var(--font-mono);font-size:.875rem;letter-spacing:.02em}.form__error{color:var(--red);font-size:.8125rem;margin-top:.5rem}.form__hint{color:var(--text-tertiary);font-size:.75rem;margin-top:.375rem}.form__actions{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.form__footer{text-align:center;margin-top:1.5rem;color:var(--text-tertiary);font-size:.875rem}.page{max-width:1200px;margin:0 auto;padding:4rem 1.5rem}.page--sm{max-width:520px}.page--md{max-width:800px}.page__title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.page__subtitle{color:var(--text-secondary);font-size:1.0625rem}.dashboard{padding:2rem 1.5rem 4rem;max-width:1200px;margin:0 auto}.dashboard__header{margin-bottom:2rem}.dashboard__id{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.dashboard__id-label{font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.stat-card__label{font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-card__value{font-size:1.75rem;font-weight:700}.stat-card__value--green{color:var(--green)}.stat-card__value--accent{color:var(--accent)}.recovery-card{background:linear-gradient(135deg,#fbbf240d,#fbbf2405);border:1px solid rgba(251,191,36,.15);border-radius:var(--radius-md);padding:2rem;margin-bottom:2rem}.recovery-card__title{color:var(--yellow);font-size:1rem;font-weight:600;margin-bottom:.5rem}.recovery-card__desc{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.25rem}.recovery-card__phrase{display:flex;flex-wrap:wrap;gap:.5rem;padding:1.25rem;background:#0000004d;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9375rem;line-height:1.8;color:var(--yellow);margin-bottom:1rem}.recovery-card__warning{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:#f871710f;border:1px solid rgba(248,113,113,.1);border-radius:var(--radius-sm);color:var(--red);font-size:.8125rem}.legal{max-width:720px;margin:0 auto}.legal h2{font-size:1.5rem;font-weight:700;margin:2.5rem 0 1rem;letter-spacing:-.01em}.legal h3{font-size:1.125rem;font-weight:600;margin:2rem 0 .75rem}.legal p{color:var(--text-secondary);font-size:.9375rem;line-height:1.8;margin-bottom:1rem}.legal ul{color:var(--text-secondary);font-size:.9375rem;line-height:1.8;padding-left:1.5rem;margin-bottom:1rem}.legal li{margin-bottom:.25rem}.legal small{color:var(--text-tertiary);font-size:.8125rem}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.download-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;transition:all .3s ease;cursor:pointer}.download-card:hover{border-color:var(--accent);background:var(--bg-card-hover);transform:translateY(-2px)}.download-card__icon{font-size:2rem;margin-bottom:1rem}.download-card__name{font-size:1.0625rem;font-weight:600;margin-bottom:.25rem}.download-card__meta{color:var(--text-tertiary);font-size:.8125rem;margin-bottom:1rem}.download-card .btn{width:100%;justify-content:center}.alert{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:1rem}.alert--error{background:#f8717114;border:1px solid rgba(248,113,113,.15);color:var(--red)}.alert--success{background:#4ade8014;border:1px solid rgba(74,222,128,.15);color:var(--green)}.alert--info{background:#7c7cff14;border:1px solid rgba(124,124,255,.15);color:var(--accent)}.loading{display:flex;align-items:center;justify-content:center;padding:4rem;color:var(--text-tertiary)}.loading__spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:.75rem}@keyframes spin{to{transform:rotate(360deg)}}.not-found{text-align:center;padding:6rem 1.5rem}.not-found__code{font-size:6rem;font-weight:800;background:linear-gradient(135deg,var(--accent),#b366ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem}.not-found__text{color:var(--text-secondary);margin-bottom:2rem}@media(max-width:768px){.navbar__links{display:none}.navbar__inner{gap:1rem}.footer__inner{grid-template-columns:1fr;gap:2rem}.hero{padding:6rem 1rem 4rem}.section{padding:4rem 1rem}.dashboard__id{font-size:1.5rem}.steps,.features{grid-template-columns:1fr}}@media(max-width:480px){.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%;justify-content:center}.download-grid,.dashboard__grid{grid-template-columns:1fr}}.fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.invite-input{display:flex;gap:.5rem;align-items:center}.invite-input input{flex:1;font-family:var(--font-mono);font-size:1.125rem;letter-spacing:.15em;text-align:center;padding:.875rem 1rem}.invite-input__dash{color:var(--text-tertiary);font-size:1.5rem;font-weight:300}.pin-input{font-family:var(--font-mono);font-size:2rem!important;letter-spacing:.3em;text-align:center;padding:1rem!important}