@font-face{font-family:bagoss;src:url(../media/BagossTRIALVF-s.p.ab90b5ef.ttf)format("truetype");font-display:swap}@font-face{font-family:bagoss Fallback;src:local(Arial);ascent-override:98.6%;descent-override:22.6%;line-gap-override:0.0%;size-adjust:92.49%}.bagoss_d8a7c75c-module__tZaJdq__className{font-family:bagoss,bagoss Fallback}.bagoss_d8a7c75c-module__tZaJdq__variable{--font-content:"bagoss","bagoss Fallback"}
@font-face{font-family:sohne_Ex;src:url(../media/Sohne_Extraleicht-s.p.70d2ae34.otf)format("opentype");font-display:swap}@font-face{font-family:sohne_Ex Fallback;src:local(Arial);ascent-override:91.91%;descent-override:19.07%;line-gap-override:2.81%;size-adjust:99.66%}.sohne_ex_5616f6ae-module__3tlbLW__className{font-family:sohne_Ex,sohne_Ex Fallback}.sohne_ex_5616f6ae-module__3tlbLW__variable{--font-ui:"sohne_Ex","sohne_Ex Fallback"}
@font-face{font-family:sohne_Dr;src:url(../media/Sohne_Dreiviertelfett-s.p.d2a55389.otf)format("opentype");font-display:swap}@font-face{font-family:sohne_Dr Fallback;src:local(Arial);ascent-override:89.31%;descent-override:17.96%;line-gap-override:2.69%;size-adjust:104.13%}.sohne_dr_6f2877c2-module__f08qvG__className{font-family:sohne_Dr,sohne_Dr Fallback}.sohne_dr_6f2877c2-module__f08qvG__variable{--font-logo:"sohne_Dr","sohne_Dr Fallback"}
*,:before,:after{box-sizing:border-box}:root{--font-primary:var(--font-bagoss)}html,body{font-family:var(--font-content);color:var(--color-text);background:var(--color-background);margin:0;padding:0}button{font-family:var(--font-ui);cursor:pointer;background:0 0;border:none}p{margin:0;line-height:1.4}input{color:var(--text-primary);background:0 0;font-family:inherit}
:root{--bg-main:radial-gradient(circle at top,#1b1f2a 0%,#0b0d12 60%);--text-primary:#fff;--text-secondary:#fff9;--accent:#cfa7ff;--border-soft:#ffffff26;--button-bg:#fff;--button-text:#000;--button-outline:#fff6;--radius-xl:28px;--radius-lg:20px;--space-xs:8px;--space-sm:12px;--space-md:20px;--space-lg:32px;--space-xl:48px;--font-button:var(--font-ui);--font-logo:var(--font-logo);--font-content:var(--font-content)}
.home{color:#fff;background:radial-gradient(circle at top,#1e1f25,#0b0c10);flex-direction:column;min-height:100vh;display:flex}.home_header{text-align:center;z-index:2;padding:10px}.home_logo{color:#fafafa;font-size:60px;font-weight:600;font-family:var(--font-logo)}.home_content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.home_visual{border-radius:24px background: linear-gradient(135deg,#6b4eff,#a78bfa);opacity:.85;justify-content:center;align-items:center;width:380px;height:400px;display:flex;position:relative}.home_visual svg{width:100%;height:100%}.lottie-hero{will-change:transform;justify-content:center;align-items:center;width:90%;height:90%;display:flex}.home_title{font-family:var(--font-content);color:#fff;text-align:center;font-size:36px;font-weight:400;line-height:1.2}.home_gradient{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fabbff,#b179ff,#6dddff);-webkit-background-clip:text;background-clip:text}.home_cta{color:#111;cursor:pointer;width:350px;height:60px;font-size:16px;font-weight:500;font-family:var(--font-ui);z-index:10;background:#cdaaff;border:none;border-radius:20px;align-items:center;margin-top:40px;padding:14px 24px;position:relative}.floating-text{pointer-events:none;color:#fff;font-size:18px;font-family:var(--font-ui);font-weight:500;position:absolute;inset:0}.float-item{text-align:center;max-width:400px;line-height:1.3;position:absolute}.f1{top:20px;left:-30px}.f2{top:80px;right:-30px}.f3{top:150px;left:-30px}.f4{bottom:150px;right:-30px}.f5{bottom:20px;left:-30px}.home_visual-wrapper,.home_visual,.floating-text,.float-item{pointer-events:none}@media (max-width:768px){.home{padding:16px}.home_header{margin-bottom:20px;padding:12px}.home_logo{font-size:28px}.home_content{gap:24px;padding:20px}.home_visual{width:280px;height:300px;margin-bottom:20px}.lottie-hero{width:90%;height:90%}.home_title{font-size:24px;line-height:1.3}.home_cta{width:280px;height:56px;margin-top:16px;font-size:15px}}@media (max-width:480px){.home_header{margin-bottom:16px;padding:8px}.home_logo{font-size:36px}.home_content{gap:24px;padding:20px}.home_visual{border-radius:16px;width:274px;height:290px;margin-bottom:24px}.home_title{margin-bottom:12px;font-size:26px;line-height:1.3}.home_cta{width:100%;max-width:350px;height:52px;margin-top:16px;font-size:16px;font-weight:400}.floating-text{pointer-events:none;color:#fff;font-size:12px;font-family:var(--font-ui);font-weight:500;position:absolute;inset:0}.float-item{text-align:center;max-width:292px;line-height:1.3;position:absolute}.f1{top:20px;left:-30px}.f2{top:60px;right:-30px}.f3{top:120px;left:-30px}.f4{bottom:80px;right:-30px}.f5{bottom:-10px;left:-30px}}@media (max-width:360px){.home_logo{margin-bottom:16px;font-size:20px}.home_title{margin-bottom:12px;font-size:18px}.home_visual{width:160px;height:180px;margin-bottom:20px}.home_cta{margin-top:16px}}@media (prefers-reduced-motion:reduce){.home-animate{animation:none}}
.tutorial{background:radial-gradient(circle at top,#1e1f25,#0b0c10);flex-direction:column;align-items:center;min-height:100vh;padding:24px;display:flex}.tutorial_header .tutorial_logo{font-family:var(--font-logo);letter-spacing:.5px;color:#fafafa;font-size:48px;font-weight:600}.tutorial_icon{color:#fff;background:#ffffff14;border:none;border-radius:50%;width:36px;height:auto}.lottie-hero{will-change:transform;justify-content:center;align-items:center;display:flex}.tutorial_visual{justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 32px;display:flex}.tutorial_swiper{flex:1;width:100%;padding-bottom:220px;position:relative}.tutorial_content p{font-family:var(--font-content);color:#fff;text-align:center;font-size:28px;font-weight:400;line-height:1.4}.highlight{color:#ffffff80}.muted{opacity:.6}.tutorial_cta{z-index:5;border-radius:20px;width:320px;max-width:100%;margin-top:32px;padding:14px;font-weight:500;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.tutorial_content{text-align:center;padding:0 12px 120px}.tutorial_cta.outline{color:#fff;background:0 0;border:1px solid #ffffff4d;border-radius:20px}.tutorial_cta.solid{color:#000;background:#fff}.swiper-pagination-bullet{opacity:1;background:#555}.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#b488f2!important}.swiper-pagination{z-index:4;order:-1;justify-content:center;margin-top:32px;margin-bottom:24px;display:flex;position:static;bottom:80px;left:0;right:0}.text-highlight-active{color:#fff;position:relative}.text-highlight-inactive{color:#ffffff4d}.tutorial_content p{font-family:var(--font-content);color:#fff;text-align:center;font-size:24px;font-weight:400;line-height:1.4;transition:color 50ms ease-out}@media (min-width:1024px){.tutorial{align-items:center;padding:48px 64px}.tutorial_header{margin-bottom:48px}.tutorial_logo{font-size:48px}.tutorial_visual{width:240px;height:240px;margin-bottom:48px}.tutorial_content{text-align:center;max-width:720px;margin-left:auto;margin-right:auto}.tutorial_content p{font-size:30px}.tutorial_cta{border-radius:20px;width:600px;height:60px;margin-top:32px;margin-left:auto;margin-right:auto;font-size:18px;display:block;position:static;bottom:auto;left:auto;transform:none}.tutorial_swiper{flex-direction:column;align-items:center;display:flex}.swiper-pagination{margin-top:32px;margin-bottom:100px;position:absolute;bottom:80px}}@media (max-width:768px){.tutorial{padding:20px}.tutorial_header .tutorial_logo{font-size:28px}.tutorial_icon{width:32px;height:32px;font-size:18px}.tutorial_visual{width:160px;height:160px;margin-bottom:28px}.tutorial_content{margin-bottom:16px}.tutorial_content p{margin-bottom:12px;font-size:20px;line-height:1.4}.tutorial_cta{width:100%;max-width:none;margin-top:28px;padding:13px;font-size:14px;position:static;bottom:auto;left:auto;transform:none}}@media (max-width:480px){.tutorial{padding:20px}.tutorial_header{margin-bottom:32px}.tutorial_header .tutorial_logo{font-size:36px}.tutorial_icon{width:28px;height:28px;font-size:16px}.tutorial_visual{width:140px;height:140px;margin-bottom:32px}.tutorial_content{margin-bottom:20px;padding:0 16px}.tutorial_content p{margin-bottom:16px;font-size:20px;line-height:1.5}.tutorial_cta{border-radius:20px;width:100%;max-width:none;margin-top:170px;padding:16px 20px;font-size:13px;position:static;bottom:auto;left:auto;transform:none}.swiper-pagination{margin-top:32px;margin-bottom:150px;position:absolute}}@media (max-width:360px){.tutorial{padding:16px}.tutorial_visual{width:120px;height:120px;margin-bottom:24px}.tutorial_content{margin-bottom:16px}.tutorial_content p{margin-bottom:12px;font-size:16px;line-height:1.4}.tutorial_cta{width:100%;margin-top:24px;position:static;bottom:auto;left:auto;transform:none}}
main{min-height:100svh;padding:var(--space-lg);flex-direction:column;align-items:center;display:flex}.tutorial_header{width:100%;margin-bottom:var(--space-lg);grid-template-columns:40px 1fr 40px;align-items:center;display:grid}.tutorial_logo{text-align:center;font-size:18px;font-weight:600}.tutorial_icon{color:#fff;background:#ffffff14;border-radius:50%;width:40px;height:40px}
:root{--form-max-width:420px}.form{background:var(--bg-main);color:#fff;flex-direction:column;min-height:100svh;display:flex}.tutorial_icon{color:#fff;background:#ffffff14;border:none;border-radius:50%;width:36px;height:36px}.form_visual{justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 24px;display:flex}.form_content{text-align:center;max-width:var(--form-max-width);flex:1;width:100%;margin-left:auto;margin-right:auto;padding:24px 16px}.form p{margin-bottom:var(--space-lg);color:#fff;font-size:18px;font-family:var(--font-content)}.form-field{width:100%;max-width:var(--form-max-width)}.form-field label{align-items:center;display:flex;position:relative}.form-field input{width:350px;height:56px;padding:0 var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-soft);padding-right:56px}.form_input{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#000000d9);justify-content:center;display:flex;position:sticky;bottom:0}.error{color:#ff7a7a;margin-top:var(--space-xs);font-size:12px}.input-submit-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px 12px;font-size:20px;display:flex;position:absolute;right:8px}.input-submit-btn:disabled{opacity:.5;cursor:not-allowed}.input-submit-btn:not(:disabled){cursor:pointer}@media (min-width:1024px){.form_visual{width:200px;height:200px;margin-bottom:40px}.form p{font-size:26px}.form_input{padding-bottom:40px}.form-field input{width:400px}.form_content{padding-top:64px}}
.result{text-align:center;background:var(--bg-main);min-height:100vh;color:white display: flex;flex-direction:column}.back_icon{color:#fff;background:#ffffff14;border:none;border-radius:50%;width:36px;height:36px}.result_visual{justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 24px;display:flex}.result p{margin-bottom:var(--space-md);color:#fff;font-size:18px}.result_cta{z-index:5;border-radius:20px;width:600px;max-width:100%;height:60px;padding:14px;font-size:18px;font-weight:500;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.result_cta.solid{color:#000;background:#fff}@media (min-width:1024px){.result_visual{width:200px;height:200px;margin-bottom:40px}.result p{font-size:26px}}