.landing-page--dark{--bg: #0a0a0a;--surface: #111111;--border: #1a1a1a;--text: #ffffff;--text-soft: #999999;--text-subtle: #666666;--accent: #ffffff;--accent-soft: #cccccc;--shadow: rgba(255, 255, 255, .02);--shadow-md: rgba(255, 255, 255, .06);--glow: rgba(255, 255, 255, .1)}.landing-page{min-height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-feature-settings:"cv11","ss01";line-height:1.5;overflow-x:hidden;transition:all .4s cubic-bezier(.23,1,.32,1)}.landing-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--glow) 0%,transparent 50%);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:-1}.landing-page:hover:before{opacity:1}.landing-page__cursor{position:fixed;width:6px;height:6px;background:var(--text);border-radius:50%;pointer-events:none;mix-blend-mode:difference;z-index:9999;transform:translate(-50%,-50%);left:var(--mouse-x);top:var(--mouse-y);transition:all .1s ease;opacity:0}.landing-page--loaded .landing-page__cursor{opacity:1}.landing-page__nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(20px);background:rgba(var(--bg),.8);border-bottom:1px solid transparent;transition:all .3s ease}.landing-page--loaded .landing-page__nav{border-bottom-color:var(--border)}.landing-page__nav-brand{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.125rem;color:var(--text)}.landing-page__logo-btn{display:flex;align-items:center;gap:.75rem;background:none;border:none;padding:0;cursor:pointer;font-weight:600;font-size:1.125rem;color:var(--text);transition:opacity .2s ease}.landing-page__logo-btn:hover{opacity:.8}.landing-page__logo{width:24px;height:24px;border-radius:4px;overflow:hidden;background:var(--border)}.landing-page__logo img{width:100%;height:100%;object-fit:cover}.landing-page__theme-btn{width:36px;height:36px;border:1px solid var(--border-color, var(--border));background:var(--bg-secondary, var(--surface));color:var(--text-primary, var(--text));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px var(--shadow)}.landing-page__theme-btn:hover{background:var(--hover-bg, var(--border));transform:scale(1.05);border-color:var(--border-hover, var(--text-soft))}.landing-page:not(.landing-page--dark) .landing-page__theme-btn{background:#ffffffe6;border-color:#0000001a;box-shadow:0 2px 8px #0000001a}.landing-page:not(.landing-page--dark) .landing-page__theme-btn:hover{background:#f0f0f0f2;border-color:#0003;box-shadow:0 4px 12px #00000026}.landing-page__hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 2rem;position:relative}.landing-page__hero-content{max-width:600px;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease-out .2s forwards}.landing-page__hero-badge{display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-soft);margin-bottom:2rem;backdrop-filter:blur(10px);transition:all .3s ease}.landing-page__hero-badge:hover{background:var(--border);transform:scale(1.02)}.landing-page__hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:300;line-height:1.1;margin:0 0 1.5rem;letter-spacing:-.02em;color:var(--text)}.landing-page__hero-highlight{font-weight:600;background:linear-gradient(135deg,var(--text),var(--text-soft));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.landing-page__hero-highlight:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--text),transparent);opacity:.3}.landing-page__hero-subtitle{font-size:1.125rem;color:var(--text-soft);margin:0 0 3rem;line-height:1.6;font-weight:400}.landing-page__hero-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.landing-page__primary-btn{background:var(--accent);color:var(--bg);border:none;border-radius:12px;padding:1rem 2.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.landing-page__primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.landing-page__primary-btn:hover:before{left:100%}.landing-page__primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 40px var(--shadow-md)}.landing-page__hero-note{font-size:.875rem;color:var(--text-subtle);font-weight:400}.landing-page__metrics{padding:6rem 2rem;border-top:1px solid var(--border);background:var(--surface)}.landing-page__metrics-grid{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:3rem}.landing-page__metric{text-align:center;transition:all .4s ease;opacity:.6}.landing-page__metric--active{opacity:1;transform:scale(1.05)}.landing-page__metric-value{font-size:2.5rem;font-weight:200;line-height:1;color:var(--text);margin-bottom:.5rem;letter-spacing:-.02em}.landing-page__metric-label{font-size:.875rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.landing-page__demo{padding:8rem 2rem;display:flex;justify-content:center;align-items:center;background:var(--bg)}.landing-page__demo-window{max-width:900px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px var(--shadow-md);transition:all .4s ease;opacity:0;transform:translateY(40px);animation:fadeInUp 1s ease-out .8s forwards}.landing-page__demo-window:hover{transform:translateY(-4px);box-shadow:0 30px 80px var(--shadow-md)}.landing-page__window-chrome{padding:1rem 1.5rem;background:var(--border);border-bottom:1px solid var(--border);display:flex;align-items:center}.landing-page__window-dots{display:flex;gap:.5rem}.landing-page__window-dots span{width:12px;height:12px;border-radius:50%;background:var(--text-subtle);opacity:.3}.landing-page__window-dots span:first-child{background:#ff5f57;opacity:1}.landing-page__window-dots span:nth-child(2){background:#ffbd2e;opacity:1}.landing-page__window-dots span:last-child{background:#28ca42;opacity:1}.landing-page__demo-content{padding:2rem}.landing-page__demo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.landing-page__demo-header h3{font-size:1.25rem;font-weight:600;margin:0;color:var(--text)}.landing-page__live-badge{display:flex;align-items:center;gap:.5rem;background:#22c55e1a;color:#22c55e;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:500;border:1px solid rgba(34,197,94,.2)}.landing-page__live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.landing-page__demo-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.landing-page__demo-column{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.landing-page__demo-column h4{font-size:.875rem;font-weight:600;margin:0 0 1rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em}.landing-page__demo-cards{display:flex;flex-direction:column;gap:.75rem}.landing-page__demo-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;font-size:.875rem;color:var(--text);transition:all .2s ease;cursor:pointer}.landing-page__demo-card:hover{background:var(--border);transform:translateY(-1px)}.landing-page__cta{padding:8rem 2rem;text-align:center;background:var(--surface);border-top:1px solid var(--border)}.landing-page__cta-content{max-width:500px;margin:0 auto}.landing-page__cta-title{font-size:2.5rem;font-weight:300;line-height:1.2;margin:0 0 2rem;color:var(--text);letter-spacing:-.02em}.landing-page__cta-btn{background:var(--accent);color:var(--bg);border:none;border-radius:12px;padding:1.25rem 3rem;font-size:1.125rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);margin-bottom:1rem;position:relative;overflow:hidden}.landing-page__cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.landing-page__cta-btn:hover:before{left:100%}.landing-page__cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px var(--shadow-md)}.landing-page__cta-note{font-size:.875rem;color:var(--text-subtle);margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.landing-page__nav{padding:1.5rem 2rem}.landing-page__hero{padding:0 1.5rem}.landing-page__hero-title{font-size:clamp(2.5rem,10vw,4rem)}.landing-page__metrics{padding:4rem 1.5rem}.landing-page__metrics-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.landing-page__demo{padding:4rem 1.5rem}.landing-page__demo-board{grid-template-columns:1fr;gap:1rem}.landing-page__demo-content{padding:1.5rem}.landing-page__cta{padding:4rem 1.5rem}.landing-page__cta-title{font-size:2rem}.landing-page__primary-btn,.landing-page__cta-btn{padding:1rem 2rem;font-size:1rem}}@media (max-width: 480px){.landing-page__nav{padding:1rem}.landing-page__hero{padding:0 1rem}.landing-page__metrics{padding:3rem 1rem}.landing-page__metrics-grid{grid-template-columns:1fr;gap:1.5rem}.landing-page__demo,.landing-page__cta{padding:3rem 1rem}.landing-page__hero-actions{gap:.75rem}.landing-page__hero-subtitle{font-size:1rem}}:root{--bg: #fdfdfd;--surface: #ffffff;--border: #f0f0f0;--text: #0a0a0a;--text-soft: #666666;--text-subtle: #999999;--accent: #0a0a0a;--accent-soft: #333333;--shadow: rgba(0, 0, 0, .02);--shadow-md: rgba(0, 0, 0, .06);--glow: rgba(0, 0, 0, .1);--brand-green: #4ade80;--brand-green-dark: #22c55e;--brand-green-light: #86efac;--brand-green-subtle: rgba(74, 222, 128, .1);--brand-green-glow: rgba(74, 222, 128, .2)}.template-modal--dark{--bg: #0a0a0a;--surface: #111111;--border: #1a1a1a;--text: #ffffff;--text-soft: #999999;--text-subtle: #666666;--accent: #ffffff;--accent-soft: #cccccc;--shadow: rgba(255, 255, 255, .02);--shadow-md: rgba(255, 255, 255, .06);--glow: rgba(255, 255, 255, .1);--brand-green: #4ade80;--brand-green-dark: #22c55e;--brand-green-light: #86efac;--brand-green-subtle: rgba(74, 222, 128, .15);--brand-green-glow: rgba(74, 222, 128, .25)}.template-modal{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.23,1,.32,1)}.template-modal--visible{opacity:1;visibility:visible}.template-modal__content{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px var(--shadow-md);width:95vw;max-width:1200px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(30px) scale(.95);transition:all .4s cubic-bezier(.23,1,.32,1)}.template-modal--visible .template-modal__content{transform:translateY(0) scale(1)}.template-modal__header{padding:2rem 2rem 1.5rem;background:linear-gradient(135deg,var(--brand-green-subtle) 0%,var(--surface) 100%);border-bottom:1px solid var(--border);position:relative}.template-modal__header:before{content:"";position:absolute;top:-50%;right:-20%;width:120%;height:200%;background:radial-gradient(circle,var(--brand-green-glow) 0%,transparent 70%);opacity:.3;pointer-events:none}.template-modal__header-content{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.template-modal__brand-logo{width:40px;height:40px;background:linear-gradient(135deg,var(--brand-green) 0%,var(--brand-green-dark) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;box-shadow:0 4px 12px var(--brand-green-glow);flex-shrink:0;animation:brandPulse 3s ease-in-out infinite}@keyframes brandPulse{0%,to{box-shadow:0 4px 12px var(--brand-green-glow)}50%{box-shadow:0 4px 20px var(--brand-green-glow),0 0 0 4px #4ade801a}}.template-modal__header-text{flex:1}.template-modal__title{font-size:1.5rem;font-weight:300;margin:0 0 .5rem;color:var(--text);letter-spacing:-.01em}.template-modal__subtitle{font-size:1rem;margin:0;color:var(--text-soft);font-weight:400}.template-modal__close{position:absolute;top:2rem;right:2rem;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-soft);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.template-modal__close:hover{background:var(--brand-green-subtle);color:var(--brand-green-dark);transform:scale(1.05)}.template-modal__body{display:flex;flex:1;overflow:hidden;background:var(--bg)}.template-modal__sidebar{width:400px;min-width:400px;background:var(--surface);border-right:1px solid var(--border);padding:2rem;overflow-y:auto}.template-modal__section-title{font-size:.875rem;font-weight:500;color:var(--text);margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:.05em;padding-bottom:.5rem;border-bottom:2px solid var(--border);position:relative}.template-modal__section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--brand-green),var(--brand-green-dark));border-radius:1px}.template-modal__template-grid{display:flex;flex-direction:column;gap:.75rem}.template-modal__template-card{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.template-modal__template-card:hover{border-color:var(--text-soft);background:var(--border);transform:translateY(-1px)}.template-modal__template-card--selected{border-color:var(--brand-green);background:var(--brand-green-subtle);box-shadow:0 2px 8px var(--brand-green-glow)}.template-modal__template-icon{font-size:1.25rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:8px;border:1px solid var(--border);flex-shrink:0;transition:all .2s ease}.template-modal__template-card--selected .template-modal__template-icon{background:linear-gradient(135deg,var(--brand-green) 0%,var(--brand-green-dark) 100%);border-color:var(--brand-green);color:#fff;box-shadow:0 2px 8px var(--brand-green-glow)}.template-modal__template-content{flex:1;min-width:0}.template-modal__template-name{font-size:.875rem;font-weight:500;color:var(--text);margin:0 0 .25rem;line-height:1.3}.template-modal__template-description{font-size:.75rem;color:var(--text-soft);line-height:1.4;margin:0}.template-modal__preview{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem;background:var(--bg)}.template-modal__preview-details{display:flex;flex-direction:column;gap:.75rem}.template-modal__detail-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--surface);border-radius:8px;border:1px solid var(--border);transition:all .2s ease}.template-modal__detail-item:hover{background:var(--border)}.template-modal__detail-icon{font-size:1rem;margin-top:.125rem}.template-modal__detail-text{flex:1}.template-modal__detail-title{font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.25rem}.template-modal__detail-description{font-size:.75rem;color:var(--text-soft);line-height:1.4}.template-modal__preview-info{display:flex;gap:.75rem;padding:1rem;background:var(--surface);border-radius:8px;border:1px solid var(--border)}.template-modal__info-icon{font-size:1rem;margin-top:.125rem}.template-modal__info-text{font-size:.875rem;color:var(--text-soft);line-height:1.5;margin:0}.template-modal__preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;gap:1rem;color:var(--text-subtle)}.template-modal__preview-empty-icon{font-size:3rem;opacity:.5}.template-modal__preview-empty-title{font-size:1.125rem;font-weight:500;color:var(--text);margin:0}.template-modal__preview-empty-text{font-size:.875rem;margin:0;max-width:300px;line-height:1.5}.template-modal__footer{padding:1.5rem 2rem;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.template-modal__cancel-btn{padding:.75rem 1.5rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-soft);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.template-modal__cancel-btn:hover{border-color:var(--text-soft);background:var(--border);color:var(--text)}.template-modal__select-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,var(--brand-green) 0%,var(--brand-green-dark) 100%);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px var(--brand-green-glow)}.template-modal__select-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.template-modal__select-btn:hover:before{left:100%}.template-modal__select-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px var(--brand-green-glow)}.template-modal__select-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background:var(--border);color:var(--text-subtle)}.template-modal__select-icon{font-size:.875rem}@media (max-width: 1024px){.template-modal__content{width:95vw;max-height:90vh}.template-modal__sidebar{width:350px;min-width:350px}}@media (max-width: 768px){.template-modal__content{width:95vw;max-height:95vh}.template-modal__body{flex-direction:column}.template-modal__sidebar{width:100%;min-width:unset;max-height:300px;border-right:none;border-bottom:1px solid var(--border)}.template-modal__header{padding:1.5rem}.template-modal__title{font-size:1.25rem}.template-modal__footer{padding:1.5rem;flex-direction:column-reverse}.template-modal__cancel-btn,.template-modal__select-btn{width:100%;justify-content:center}}@media (max-width: 480px){.template-modal__header,.template-modal__sidebar,.template-modal__preview,.template-modal__footer{padding:1rem}.template-modal__template-card{padding:.75rem}.template-modal__template-icon{width:32px;height:32px;font-size:1rem}.template-modal__preview-columns-visual{grid-template-columns:1fr;gap:.5rem}}@media (prefers-reduced-motion: reduce){.template-modal,.template-modal__content,.template-modal__template-card,.template-modal__cancel-btn,.template-modal__select-btn{transition:none}.template-modal__content{transform:none}}*{box-sizing:border-box}:root{--bg: #fdfdfd;--surface: #ffffff;--border: #f0f0f0;--text: #0a0a0a;--text-soft: #666666;--text-subtle: #999999;--accent: #0a0a0a;--accent-soft: #333333;--shadow: rgba(0, 0, 0, .02);--shadow-md: rgba(0, 0, 0, .06);--glow: rgba(0, 0, 0, .1)}.onboarding-page--dark{--bg: #0a0a0a;--surface: #111111;--border: #1a1a1a;--text: #ffffff;--text-soft: #999999;--text-subtle: #666666;--accent: #ffffff;--accent-soft: #cccccc;--shadow: rgba(255, 255, 255, .02);--shadow-md: rgba(255, 255, 255, .06);--glow: rgba(255, 255, 255, .1)}.onboarding-page{min-height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-feature-settings:"cv11","ss01";line-height:1.5;overflow-x:hidden;transition:all .4s cubic-bezier(.23,1,.32,1)}.onboarding-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--glow) 0%,transparent 50%);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:-1}.onboarding-page:hover:before{opacity:1}.onboarding-page__cursor{position:fixed;width:6px;height:6px;background:var(--text);border-radius:50%;pointer-events:none;mix-blend-mode:difference;z-index:9999;transform:translate(-50%,-50%);left:var(--mouse-x);top:var(--mouse-y);transition:all .1s ease;opacity:0}.onboarding-page--loaded .onboarding-page__cursor{opacity:1}.onboarding-page__nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(20px);background:rgba(var(--bg),.8);border-bottom:1px solid transparent;transition:all .3s ease}.onboarding-page--loaded .onboarding-page__nav{border-bottom-color:var(--border)}.onboarding-page__nav-brand{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.125rem;color:var(--text)}.onboarding-page__logo-btn{display:flex;align-items:center;gap:.75rem;background:none;border:none;padding:0;cursor:pointer;font-weight:600;font-size:1.125rem;color:var(--text);transition:opacity .2s ease}.onboarding-page__logo-btn:hover{opacity:.8}.onboarding-page__logo{width:24px;height:24px;border-radius:4px;overflow:hidden;background:var(--border)}.onboarding-page__logo img{width:100%;height:100%;object-fit:cover}.onboarding-page__theme-btn{width:36px;height:36px;border:1px solid var(--border-color, var(--border));background:var(--bg-secondary, var(--surface));color:var(--text-primary, var(--text));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px var(--shadow)}.onboarding-page__theme-btn:hover{background:var(--hover-bg, var(--border));transform:scale(1.05);border-color:var(--border-hover, var(--text-soft))}.onboarding-page:not(.onboarding-page--dark) .onboarding-page__theme-btn{background:#ffffffe6;border-color:#0000001a;box-shadow:0 2px 8px #0000001a}.onboarding-page:not(.onboarding-page--dark) .onboarding-page__theme-btn:hover{background:#f0f0f0f2;border-color:#0003;box-shadow:0 4px 12px #00000026}.onboarding-page__hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 2rem;position:relative}.onboarding-page__hero-content{max-width:600px;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease-out .2s forwards}.onboarding-page__hero-badge{display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-soft);margin-bottom:2rem;backdrop-filter:blur(10px);transition:all .3s ease}.onboarding-page__hero-badge:hover{background:var(--border);transform:scale(1.02)}.onboarding-page__hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:300;line-height:1.1;margin:0 0 1.5rem;letter-spacing:-.02em;color:var(--text)}.onboarding-page__hero-highlight{font-weight:600;background:linear-gradient(135deg,var(--text),var(--text-soft));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.onboarding-page__hero-highlight:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--text),transparent);opacity:.3}.onboarding-page__hero-subtitle{font-size:1.125rem;color:var(--text-soft);margin:0 0 3rem;line-height:1.6;font-weight:400}.onboarding-page__form{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;text-align:left}.onboarding-page__form-group{display:flex;flex-direction:column;gap:.5rem}.onboarding-page__form-label{font-size:.875rem;font-weight:500;color:var(--text);margin:0}.onboarding-page__form-input{width:100%;padding:.875rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--surface);color:var(--text);transition:all .2s ease;font-family:inherit}.onboarding-page__form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0000001a;background:var(--surface)}.onboarding-page__form-input::placeholder{color:var(--text-subtle)}.onboarding-page__template-selector{width:100%;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit}.onboarding-page__template-selector:hover{border-color:var(--text-soft);background:var(--border);transform:translateY(-1px)}.onboarding-page__template-selector.selected{border-color:var(--accent);background:var(--border)}.onboarding-page__template-preview{display:flex;align-items:center;gap:.75rem}.onboarding-page__template-icon{font-size:1.125rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:6px;flex-shrink:0}.onboarding-page__template-info{flex:1;min-width:0}.onboarding-page__template-name{display:block;font-size:1rem;font-weight:500;color:var(--text);margin-bottom:.125rem}.onboarding-page__template-description{display:block;font-size:.875rem;color:var(--text-soft);line-height:1.4}.onboarding-page__template-placeholder{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-subtle)}.onboarding-page__placeholder-icon,.onboarding-page__placeholder-text{font-size:1rem}.onboarding-page__create-btn{width:100%;padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);font-family:inherit;margin-top:.5rem;position:relative;overflow:hidden}.onboarding-page__create-btn.enabled{background:var(--accent);color:var(--bg);box-shadow:0 4px 20px var(--shadow-md)}.onboarding-page__create-btn.enabled:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.onboarding-page__create-btn.enabled:hover:before{left:100%}.onboarding-page__create-btn.enabled:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--shadow-md)}.onboarding-page__create-btn.disabled{background:var(--border);color:var(--text-subtle);cursor:not-allowed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.onboarding-page__nav{padding:1.5rem 2rem}.onboarding-page__hero{padding:0 1.5rem}.onboarding-page__hero-title{font-size:clamp(2rem,8vw,3rem)}.onboarding-page__form{max-width:100%;gap:1.25rem}.onboarding-page__create-btn{padding:.875rem 1.5rem;font-size:.875rem}}@media (max-width: 480px){.onboarding-page__nav{padding:1rem}.onboarding-page__hero{padding:0 1rem}.onboarding-page__hero-subtitle{font-size:1rem}.onboarding-page__form{gap:1rem}}@media (prefers-reduced-motion: reduce){.onboarding-page,.onboarding-page__hero-content,.onboarding-page__form-input,.onboarding-page__template-selector,.onboarding-page__create-btn{transition:none;animation:none}.onboarding-page__hero-content{opacity:1;transform:none}}.onboarding-page__template-selector:focus-visible,.onboarding-page__create-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}