:root{--text-main-light:#020617;--text-main-dark:#fff;--text-sub-light:#64748b;--text-sub-dark:#e0e7ff;--accent:#8b5cf6;--accent-hover:#7c3aed;--radius-xl:32px;--radius-lg:24px}*,:before,:after{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden}body{color:var(--text-main-light);background:#f8fafc}html.dark body{color:var(--text-main-dark);background:#364253}html:not(.dark) .gradient-foundation{background:radial-gradient(ellipse at var(--mouse-x,50%)var(--mouse-y,50%),#dbeafe 0%,#e0f2fe 25%,#f0f9ff 50%,#eff6ff 75%,#f8fafc 100%);z-index:-10;animation:20s ease-in-out infinite alternate gradientShiftLight;position:fixed;inset:0}@keyframes gradientShiftLight{0%,to{filter:hue-rotate()brightness(1.02)saturate(1.1)}50%{filter:hue-rotate(3deg)brightness(1.04)saturate(1.15)}}html.dark .gradient-foundation{background:radial-gradient(ellipse at var(--mouse-x,50%)var(--mouse-y,50%),#4a5568 0%,#3d4a5c 40%,#364253 100%)}html:not(.dark) .gradient-foundation:before{content:"";filter:blur(90px);pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#60a5fa14 50%,#0000 100%);border-radius:50%;width:600px;height:600px;animation:25s ease-in-out infinite floatOrb1;position:absolute;top:-12%;right:-6%}html:not(.dark) .gradient-foundation:after{content:"";filter:blur(100px);pointer-events:none;background:radial-gradient(circle,#0ea5e91f 0%,#38bdf80f 50%,#0000 100%);border-radius:50%;width:550px;height:550px;animation:30s ease-in-out infinite floatOrb2;position:absolute;bottom:-10%;left:-6%}@keyframes floatOrb1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-80px,60px)scale(1.1)}}@keyframes floatOrb2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(60px,-50px)scale(1.08)}}.particle-canvas{z-index:-9;pointer-events:none;position:fixed;inset:0}html:not(.dark) .particle-canvas{opacity:.6}html.dark .particle-canvas{opacity:.8}.gradient-mesh{z-index:-8;pointer-events:none;mix-blend-mode:screen;position:fixed;inset:0}.mesh-svg{filter:blur(120px);width:100%;height:100%}.blob{animation-timing-function:ease-in-out;animation-iteration-count:infinite}.blob-1{animation:30s blobFloat1}.blob-2{animation:35s blobFloat2}.blob-3{animation:40s blobFloat3}@keyframes blobFloat1{0%,to{cx:20;cy:30;r:25}50%{cx:80;cy:70;r:35}}@keyframes blobFloat2{0%,to{cx:70;cy:50;r:30}50%{cx:30;cy:20;r:25}}@keyframes blobFloat3{0%,to{cx:40;cy:80;r:20}50%{cx:60;cy:40;r:28}}html:not(.dark) #purple-blob stop:first-child{stop-color:#6366f1;stop-opacity:.12}html:not(.dark) #cyan-blob stop:first-child{stop-color:#0ea5e9;stop-opacity:.1}html:not(.dark) #pink-blob stop:first-child{stop-color:#3b82f6;stop-opacity:.08}.glass-shapes{z-index:-7;pointer-events:none;position:fixed;inset:0;overflow:hidden}.glass-shape{border-radius:24px;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}html:not(.dark) .glass-shape{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#3b82f60f;border:1px solid #3b82f61f;box-shadow:0 20px 60px #3b82f640,0 10px 30px #0f172a26,inset 0 1px 1px #fff9}html.dark .glass-shape{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#8b5cf614;border:1px solid #8b5cf626;box-shadow:0 8px 32px #8b5cf633}.shape-1{width:300px;height:300px;animation:80s float1;top:10%;left:15%}.shape-2{border-radius:50%;width:200px;height:200px;animation:100s reverse float2;top:60%;right:20%}.shape-3{width:250px;height:250px;animation:120s float3;bottom:20%;left:25%}.shape-4{width:180px;height:180px;animation:90s reverse float4;top:30%;right:10%}.shape-5{border-radius:50%;width:220px;height:220px;animation:110s float5;bottom:15%;right:30%}@keyframes float1{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(20px,-30px)rotate(180deg)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-25px,20px)}}@keyframes float3{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(10px,30px)rotate(180deg)}}@keyframes float4{0%,to{transform:translate(0)}50%{transform:translate(-20px,-25px)}}@keyframes float5{0%,to{transform:translate(0)}50%{transform:translate(25px,-10px)}}.perspective-grid{z-index:-6;pointer-events:none;transform-origin:bottom;background-size:80px 80px;animation:20s linear infinite gridScroll;position:fixed;inset:0;transform:perspective(1000px)rotateX(60deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 30% 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 30% 70%,#0000 100%)}html:not(.dark) .perspective-grid{opacity:.5;background-image:linear-gradient(#3b82f60a 1px,#0000 1px),linear-gradient(90deg,#3b82f60a 1px,#0000 1px)}html.dark .perspective-grid{opacity:.4;background-image:linear-gradient(#8b5cf614 1px,#0000 1px),linear-gradient(90deg,#8b5cf614 1px,#0000 1px)}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 80px}}.noise-svg{z-index:-5;pointer-events:none;opacity:.05;position:fixed;inset:0}.radial-vignette{z-index:-4;pointer-events:none;position:fixed;inset:0}html:not(.dark) .radial-vignette{background:radial-gradient(circle,#0000 0%,#3b82f608 70%,#3b82f614 100%)}html.dark .radial-vignette{background:radial-gradient(circle,#0000 0%,#36425380 100%)}.cursor-spotlight{pointer-events:none;z-index:-3;mix-blend-mode:screen;width:800px;height:800px;margin-top:-400px;margin-left:-400px;transition:left .15s ease-out,top .15s ease-out;position:fixed}html:not(.dark) .cursor-spotlight{background:radial-gradient(circle,#3b82f614 0%,#0000 70%)}html.dark .cursor-spotlight{background:radial-gradient(circle,#8b5cf626 0%,#0000 70%)}.page-root{flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex;position:relative}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;border:1px solid;border-radius:999px;justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:16px 24px;display:flex;position:relative;overflow:hidden}html:not(.dark) .navbar{background:linear-gradient(120deg,#fffffffa,#ffffffeb);border-color:#3b82f626;box-shadow:0 8px 32px #3b82f61a}html.dark .navbar{background:linear-gradient(120deg,#4a5568f2,#3d4a5ce6);border-color:#8b5cf666;box-shadow:0 20px 60px #00000080}.navbar-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.navbar-logo{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:15px;font-weight:700}html:not(.dark) .navbar-logo{color:#0f172a}html.dark .navbar-logo{color:#fff}.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;font-size:24px;transition:transform .15s;display:flex}html:not(.dark) .theme-toggle{color:#0f172a}html.dark .theme-toggle{color:#fff}.theme-toggle:hover{transform:scale(1.1)}.main-wrapper{z-index:10;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.glass-card{border-radius:var(--radius-xl);gap:32px;width:100%;max-width:1120px;padding:32px;display:flex;position:relative}html:not(.dark) .glass-card{-webkit-backdrop-filter:blur(60px)saturate(200%)brightness(1.1);background:#ffffff73;border:1px solid #fff9;box-shadow:0 50px 120px #3b82f62e,0 20px 60px #3b82f61f,0 8px 32px #fff9,inset 0 1px 1px #fffc,inset 0 -1px 1px #0000000d}html.dark .glass-card{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#4a556866;border:1px solid #8b5cf64d;box-shadow:0 40px 100px #0009,0 8px 32px #8b5cf633,inset 0 1px 1px #ffffff1a}.glass-left,.glass-right{border-radius:var(--radius-lg);background:0 0;flex:1}.glass-left{flex-direction:column;gap:20px;padding:24px 20px;display:flex}.glass-right{justify-content:center;align-items:center;padding:12px;display:flex}.glass-right canvas,.glass-right #scene{border-radius:24px;width:100%;height:100%;display:block}.headline-wrapper{flex-direction:column;gap:16px;display:flex}.headline-intkoach{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:36px;font-weight:800}.headline-glow{background:0 0;border-radius:0;width:fit-content;padding:0;display:inline-block;position:relative;overflow:visible}.animated-text{background:linear-gradient(120deg,#111827,#4b5563,#111827,#6b7280) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite textSheen}html.dark .animated-text{background:linear-gradient(120deg,#fff,#c7d2fe,#fff,#a5b4fc) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite textSheen}@keyframes textSheen{0%{background-position:0%}to{background-position:200%}}.coming-soon-chip{text-transform:uppercase;letter-spacing:.14em;border-radius:999px;align-items:center;padding:8px 20px;font-size:12px;font-weight:600;animation:2s ease-in-out infinite pulseGlow;display:inline-flex}html:not(.dark) .coming-soon-chip{color:#7c3aed;background:#8b5cf614;border:1.5px solid #8b5cf6d9}html.dark .coming-soon-chip{color:#c7d2fe;background:#8b5cf640;border:1.5px solid #a78bfae6}@keyframes pulseGlow{0%,to{box-shadow:0 4px 12px #8b5cf633}50%{box-shadow:0 4px 24px #8b5cf680}}.headline-subtitle,.glass-description{margin:0;font-size:15px;line-height:1.5}html:not(.dark) .headline-subtitle,html:not(.dark) .glass-description{color:var(--text-sub-light)}html.dark .headline-subtitle,html.dark .glass-description{color:#e0e7ff}.cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;width:320px;height:64px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 20px 40px #8b5cf64d}.cta-primary:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 24px 48px #8b5cf680}.privacy-note{margin:0;font-size:12px}html:not(.dark) .privacy-note{color:var(--text-sub-light)}html.dark .privacy-note{color:#cbd5e1}@media (max-width:767px){html,body{width:100%;height:100%;position:fixed;overflow:hidden}.page-root{flex-direction:column;gap:12px;height:100dvh;padding:12px;display:flex;overflow:hidden}.navbar{flex-shrink:0;height:44px;padding:8px 16px}.navbar-logo{letter-spacing:.04em;font-size:13px}.theme-toggle{width:36px;min-width:36px;height:36px;min-height:36px;font-size:18px}.main-wrapper{flex:1;justify-content:center;align-items:stretch;min-height:0;display:flex;overflow:hidden}.glass-card{flex-direction:column;gap:16px;width:100%;max-width:100%;height:100%;padding:16px;display:flex;overflow:hidden}.glass-right{flex:0 0 50%;order:1;justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden}.glass-right canvas,.glass-right #scene{width:100%!important;max-width:none!important;height:100%!important;transform:scale(1.35)!important}.glass-left{flex-direction:column;flex:0 0 50%;order:2;gap:10px;padding:12px 8px;display:flex;overflow:hidden}.headline-wrapper{flex-shrink:0;gap:8px}.headline-intkoach{letter-spacing:.1em;font-size:22px;line-height:1.1}.coming-soon-chip{letter-spacing:.08em;padding:5px 12px;font-size:10px}.headline-subtitle{font-size:13px;line-height:1.3}.glass-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.cta-primary{flex-shrink:0;width:100%;height:48px;padding:12px 24px;font-size:14px}.privacy-note{font-size:10px;line-height:1.3}.glass-shapes{display:none}.perspective-grid{opacity:.3}}@media (max-width:374px){.navbar{padding:6px 10px}.navbar-logo{font-size:11px}.theme-toggle{width:32px;min-width:32px;height:32px;min-height:32px;font-size:16px}.glass-right canvas,.glass-right #scene{transform:scale(1.4)!important}.headline-intkoach{font-size:18px}}@media (min-width:768px) and (max-width:1023px){html,body{height:auto;position:relative;overflow:hidden auto}.glass-card{flex-direction:column-reverse}.cta-primary{width:100%}}@media (min-width:1024px){html,body{height:auto;position:relative;overflow:hidden auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.modal-overlay{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border-radius:24px;width:90%;max-width:480px;padding:48px 40px;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUpModal;position:relative}html:not(.dark) .modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #94a3b833;box-shadow:0 40px 80px #0000004d,inset 0 0 0 1px #ffffff80}html.dark .modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#3d4a5cfa;border:1px solid #8b5cf64d;box-shadow:0 40px 80px #000c,inset 0 0 0 1px #8b5cf633}@keyframes slideUpModal{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .2s,color .2s;display:flex;position:absolute;top:20px;right:20px}html:not(.dark) .modal-close{color:#475569;background:#94a3b826}html.dark .modal-close{color:#fff;background:#8b5cf633}html:not(.dark) .modal-close:hover{color:#1e293b;background:#94a3b840}html.dark .modal-close:hover{color:#fff;background:#8b5cf64d}.modal-title{margin:0 0 12px;font-size:28px;font-weight:700}html:not(.dark) .modal-title{color:#0f172a}html.dark .modal-title{color:#fff}.modal-subtitle{margin:0 0 32px;font-size:14px;line-height:1.5}html:not(.dark) .modal-subtitle{color:#475569}html.dark .modal-subtitle{color:#e0e7ff}.modal-form{flex-direction:column;gap:20px;display:flex}.input-wrapper{position:relative}.floating-label{color:#64748b;pointer-events:none;background:0 0;font-size:14px;transition:all .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-wrapper.focused .floating-label,.input-wrapper input:not(:placeholder-shown)+.floating-label{color:var(--accent);padding:0 6px;font-size:12px;top:-8px}html:not(.dark) .input-wrapper.focused .floating-label,html:not(.dark) .input-wrapper input:not(:placeholder-shown)+.floating-label{background:#fffffffa}html.dark .input-wrapper.focused .floating-label,html.dark .input-wrapper input:not(:placeholder-shown)+.floating-label{background:#3d4a5cfa}.input-wrapper input{border:1px solid;border-radius:8px;outline:none;width:100%;height:56px;padding:0 16px;font-size:14px;transition:all .3s}html:not(.dark) .input-wrapper input{color:#0f172a;background:#f8fafccc;border-color:#94a3b84d}html.dark .input-wrapper input{color:#fff;background:#36425399;border-color:#8b5cf64d}.input-wrapper.focused input{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}html:not(.dark) .input-wrapper.focused input{background:#fff}html.dark .input-wrapper.focused input{background:#364253e6;box-shadow:0 0 0 4px #8b5cf633}.modal-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;width:100%;height:56px;padding:16px 48px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 40px #8b5cf64d}.modal-submit:hover:not(:disabled){transform:scale(1.02);box-shadow:0 20px 40px #8b5cf680}.modal-submit:active:not(:disabled){transform:scale(.98)}.modal-submit:disabled{opacity:.7;cursor:not-allowed}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.success-state{text-align:center;padding:20px 0;position:relative}.confetti-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti{width:8px;height:12px;animation:2s ease-out forwards confettiFall;position:absolute;top:-20px}@keyframes confettiFall{to{opacity:0;transform:translateY(400px)rotate(720deg)}}.checkmark-circle{width:80px;height:80px;margin:0 auto 24px;animation:.6s cubic-bezier(.68,-.55,.265,1.55) scaleInBounce}@keyframes scaleInBounce{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.checkmark{width:80px;height:80px}.checkmark-circle-path{stroke:#10b981;stroke-width:2px;stroke-dasharray:166;stroke-dashoffset:166px;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.checkmark-check{stroke:#10b981;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .4s forwards stroke}@keyframes stroke{to{stroke-dashoffset:0}}.success-title{margin:0 0 12px;font-size:24px;font-weight:700}html:not(.dark) .success-title{color:#0f172a}html.dark .success-title{color:#fff}.success-message{margin:0 0 24px;font-size:14px;line-height:1.5}html:not(.dark) .success-message{color:#475569}html.dark .success-message{color:#e0e7ff}.modal-close-button{cursor:pointer;background:0 0;border:1px solid #94a3b866;border-radius:8px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .2s}html:not(.dark) .modal-close-button{color:#0f172a}html.dark .modal-close-button{color:#fff}html:not(.dark) .modal-close-button:hover{background:#94a3b826;transform:translateY(-1px)}html.dark .modal-close-button:hover{background:#8b5cf633;transform:translateY(-1px)}@media (max-width:599px){.modal-content{max-width:90%;padding:32px 24px}.modal-title{font-size:24px}.modal-subtitle{font-size:13px}.input-wrapper input{height:52px}.modal-submit{height:52px;font-size:15px}}
