body{background:var(--tuday-cream);overflow-x:hidden}.sb-glow{z-index:-1;pointer-events:none;background:radial-gradient(58% 44% at 50% 6%, color-mix(in srgb, var(--tuday-orange) 20%, transparent), transparent 78%), radial-gradient(34% 26% at 82% 2%, #edb82c29, transparent 80%);position:fixed;top:0;bottom:0;left:0;right:0}@media (prefers-reduced-motion:no-preference){.sb-glow{animation:9s ease-in-out infinite glowBreath}}@keyframes glowBreath{0%,to{opacity:1}50%{opacity:.72}}.sb-wrap{padding-top:calc(var(--header-h,78px) + 40px);padding-bottom:100px}.sb-head{text-align:center;max-width:860px;margin:0 auto 40px}.sb-head h1{font-family:var(--font-display);letter-spacing:-1.6px;color:var(--ink);margin:0;font-size:clamp(22px,6.8vw,64px);font-weight:800;line-height:1.06}.sb-head h1 .l1{white-space:nowrap;display:block}.sb-head .word-rotator{width:100%;height:1.5em;margin-top:2px;font-size:1.14em;display:block;position:relative;overflow:hidden}.sb-head .word-rotator .word{text-align:center;white-space:nowrap;height:1.5em;color:var(--cat-current,var(--tuday-orange));opacity:0;line-height:1.5em;transition:color .4s,opacity .45s,transform .6s cubic-bezier(.33,1,.68,1);position:absolute;top:0;left:0;right:0;transform:translateY(100%)}.sb-head h1 .hl-brand{letter-spacing:-.6px;color:var(--tuday-cream);background:var(--tuday-orange);box-shadow:.09em .13em 0 color-mix(in srgb, var(--tuday-orange) 62%, #1a1208);border-radius:.4em .28em .45em .25em/.25em .45em .28em .4em;margin-top:12px;padding:.06em .5em .12em;font-size:.62em;font-style:normal;display:inline-block;transform:rotate(-1.4deg)}.sr-w{display:inline-block}@media (prefers-reduced-motion:reduce){.sr-w{opacity:1!important;filter:none!important;transform:none!important}.sreveal-load{visibility:visible!important}}.sb-head p{color:var(--ink-soft);max-width:560px;margin:16px auto 0;font-size:17.5px;line-height:1.55}.sb-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;gap:26px;max-width:1040px;margin:0 auto;display:grid}.sb-login{border:1.5px solid color-mix(in srgb, var(--ink) 14%, transparent);box-shadow:6px 8px 0 color-mix(in srgb, var(--ink) 10%, transparent), 0 24px 56px #140e0614;background:#fffdf6;border-radius:30px 24px 32px 22px/22px 32px 24px 30px;flex-direction:column;padding:38px 40px;display:flex}.sb-login h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.6px;margin:0;font-size:26px;font-weight:800}.sb-login .sub{color:var(--ink-soft);margin:8px 0 26px;font-size:14.5px;line-height:1.5}.lbl{font-family:var(--font-body);color:var(--ink);margin:0 0 7px;font-size:13.5px;font-weight:700;display:block}.frow{margin-bottom:16px}input.tf{width:100%;font:inherit;font-family:var(--font-body);color:var(--ink);background:#fff;border:1.5px solid #281e0f1f;border-radius:14px;outline:none;padding:13px 16px;transition:border-color .18s,box-shadow .18s}.tf:hover,.tf:focus{border-color:#f25b2873;box-shadow:0 0 0 4px #f25b281a}.tf::placeholder{color:var(--ink-soft);opacity:.7}.pw-wrap{position:relative}.pw-wrap .tf{padding-right:46px}.pw-toggle{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;place-items:center;padding:8px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-toggle svg{width:20px;height:20px}.row-between{justify-content:space-between;align-items:center;gap:12px;margin:2px 0 22px;display:flex}.forgot{color:var(--tuday-orange);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-body);background:0 0;border:none;padding:0;text-decoration:none}.forgot:hover{text-decoration:underline}.sb-login .btn-primary{justify-content:center;width:100%}.err-msg{color:#c24438;margin:-6px 0 14px;font-size:13px;font-weight:700;display:none}.err-msg.show{display:block}.or{color:var(--ink-soft);letter-spacing:.4px;align-items:center;gap:14px;margin:22px 0;font-size:12.5px;font-weight:700;display:flex}.or:before,.or:after{content:"";background:color-mix(in srgb, var(--ink) 14%, transparent);flex:1;height:1px}.btn-google{width:100%;color:var(--ink);background:#fff;border:1.5px solid #281e0f24;justify-content:center;gap:10px;box-shadow:2px 3px #281e0f1a}.btn-google:hover{transform:translate(-1px,-1px);box-shadow:3px 4px #281e0f24}.btn-google svg{width:19px;height:19px}.btn-google:disabled{opacity:.55;cursor:not-allowed}.btn-google:disabled:hover{transform:none;box-shadow:2px 3px #281e0f1a}.sb-foot{color:var(--ink-soft);text-align:center;margin-top:22px;font-size:13.5px}.sb-foot a{color:var(--tuday-orange);font-weight:700;text-decoration:none}.sb-foot a:hover{text-decoration:underline}.sb-steps{grid-template-columns:repeat(3,1fr);gap:26px;max-width:1040px;margin:56px auto 0;padding:0;list-style:none;display:grid;position:relative}.sb-steps:before{content:"";z-index:0;border-top:2px dashed color-mix(in srgb, var(--tuday-orange) 45%, transparent);position:absolute;top:50%;left:3%;right:3%}.step{z-index:1;background:color-mix(in srgb, var(--tuday-orange) 8%, var(--tuday-cream));border:1.5px solid color-mix(in srgb, var(--tuday-orange) 38%, transparent);box-shadow:4px 6px 0 color-mix(in srgb, var(--tuday-orange) 24%, transparent);border-radius:20px 16px 22px 14px/14px 22px 16px 20px;padding:20px 22px;transition:rotate .3s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;position:relative;rotate:none}.sb-steps .step:first-child{rotate:-1deg}.sb-steps .step:nth-child(2){rotate:.9deg}.sb-steps .step:nth-child(3){rotate:-.8deg}@media (hover:hover){.sb-steps .step:hover{box-shadow:6px 10px 0 color-mix(in srgb, var(--tuday-orange) 34%, transparent), 0 16px 34px #140e061a;rotate:none}}@media (prefers-reduced-motion:no-preference){.sb-steps.reveal-ready:not(.is-in) .step{opacity:0}.sb-steps.is-in .step{animation:.55s cubic-bezier(.22,.61,.36,1) both stepIn}.sb-steps.is-in .step:nth-child(2){animation-delay:.15s}.sb-steps.is-in .step:nth-child(3){animation-delay:.3s}}@keyframes stepIn{0%{opacity:0;translate:0 22px;scale:.92}to{opacity:1;translate:0;scale:1}}.step .sn{width:40px;height:40px;font-family:var(--font-display);color:var(--tuday-cream);background:var(--tuday-orange);box-shadow:2px 3px 0 color-mix(in srgb, var(--tuday-orange) 60%, #1a1208);border-radius:13px 10px 14px 9px/9px 14px 10px 13px;place-items:center;margin-bottom:12px;font-size:18px;font-weight:800;display:grid;transform:rotate(-3deg)}.step:nth-child(2) .sn{transform:rotate(2.4deg)}.step:nth-child(3) .sn{transform:rotate(-2deg)}.step h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.4px;margin:0 0 5px;font-size:17.5px;font-weight:800}.step p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.sb-join{cursor:default;flex-direction:column;justify-content:flex-end;min-height:100%;display:flex}.sb-join .inner{z-index:2;color:var(--ink);padding:34px 34px 22px;position:relative}.sb-join .pill{font-family:var(--font-body);letter-spacing:.7px;text-transform:uppercase;background:var(--tuday-orange);color:var(--tuday-cream);border-radius:999px;align-items:center;margin-bottom:14px;padding:5px 13px;font-size:11.5px;font-weight:700;line-height:1.15;display:inline-flex}.sb-join h3{font-family:var(--font-display);letter-spacing:-.8px;color:var(--ink);margin:0;font-size:clamp(26px,3.2vw,34px);font-weight:800;line-height:1.08}.sb-join p{color:var(--ink);max-width:380px;margin:12px 0 22px;font-size:15px;line-height:1.55}.sb-benefits{max-width:1040px;margin:66px auto 0}.sb-benefits-head{text-align:center;max-width:620px;margin:0 auto 34px}.sb-benefits-head h2{font-family:var(--font-display);letter-spacing:-1px;color:var(--ink);margin:0;font-size:clamp(26px,3.8vw,40px);font-weight:800;line-height:1.06}.sb-benefits-head p{color:var(--ink-soft);margin:13px 0 0;font-size:16.5px;line-height:1.55}.ben-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.ben{--nr:13px;--ny:100px;background:color-mix(in srgb, var(--c,var(--tuday-orange)) 10%, #fff);border:1.5px solid color-mix(in srgb, var(--c,var(--tuday-orange)) 50%, transparent);filter:drop-shadow(5px 7px 0 color-mix(in srgb, var(--c,var(--tuday-orange)) 30%, transparent));-webkit-mask:radial-gradient(var(--nr) at 0 var(--ny), #0000 97%, #000) 0 0 / 51% 100% no-repeat, radial-gradient(var(--nr) at 100% var(--ny), #0000 97%, #000) 100% 0 / 51% 100% no-repeat;-webkit-mask:radial-gradient(var(--nr) at 0 var(--ny), #0000 97%, #000) 0 0 / 51% 100% no-repeat, radial-gradient(var(--nr) at 100% var(--ny), #0000 97%, #000) 100% 0 / 51% 100% no-repeat;mask:radial-gradient(var(--nr) at 0 var(--ny), #0000 97%, #000) 0 0 / 51% 100% no-repeat, radial-gradient(var(--nr) at 100% var(--ny), #0000 97%, #000) 100% 0 / 51% 100% no-repeat;border-radius:18px 14px 19px 13px/13px 19px 14px 18px;padding:26px 26px 24px;transition:rotate .34s cubic-bezier(.34,1.56,.64,1),translate .34s cubic-bezier(.34,1.56,.64,1),filter .22s;position:relative;translate:0;rotate:none}.ben-grid .ben:nth-child(odd){rotate:-.6deg}.ben-grid .ben:nth-child(2n){rotate:.5deg}.ben:after{content:"";left:0;right:0;top:var(--ny);z-index:1;border-top:1.5px dashed color-mix(in srgb, var(--c,var(--tuday-orange)) 45%, transparent);position:absolute}@media (hover:hover){.ben-grid .ben:hover{filter:drop-shadow(8px 11px 0 color-mix(in srgb, var(--c,var(--tuday-orange)) 38%, transparent));translate:-2px -5px;rotate:1.8deg}}.ben .ic{background:color-mix(in srgb, var(--c,var(--tuday-orange)) 20%, #fff);width:56px;height:56px;color:color-mix(in srgb, var(--c) 82%, #1a1208);box-shadow:3px 4px 0 color-mix(in srgb, var(--c) 42%, transparent);border-radius:16px 12px 17px 11px/11px 17px 12px 16px;place-items:center;margin-bottom:38px;display:grid}.ben .ic svg{width:28px;height:28px}.ben h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.4px;margin:0 0 7px;font-size:19px;font-weight:800}.ben p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.55}.ben .tag{font-family:var(--font-body);color:color-mix(in srgb, var(--c) 82%, #1a1208);margin-top:14px;font-size:12.5px;font-weight:800;display:inline-block}.sb-cta{background:var(--tuday-orange);border:2px solid color-mix(in srgb, var(--tuday-orange) 75%, #1a1208);max-width:1040px;box-shadow:10px 14px 0 color-mix(in srgb, var(--tuday-orange) 60%, #1a1208), 0 26px 58px color-mix(in srgb, var(--tuday-orange) 26%, transparent);color:var(--tuday-cream);border-radius:34px 28px 36px 26px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;margin:40px auto 0;padding:44px 42px;display:flex;position:relative;overflow:hidden}.sb-cta .cta-doodle{pointer-events:none;opacity:.34;transform:rotate(var(--dr,0deg));background-repeat:no-repeat;background-size:contain;animation:7s ease-in-out infinite doodleSway;position:absolute}.sb-cta .cta-d-firka{--dr:14deg;aspect-ratio:1;background-image:url(/kepek/tuday-ikon-firka4-trim.png);width:clamp(80px,10vw,130px);top:-26px;left:45%}.sb-cta .cta-d-szem{--dr:-6deg;aspect-ratio:2.1;background-image:url(/kepek/tuday-ikon-szem4-trim.png);width:clamp(70px,9vw,118px);animation-delay:1.6s;bottom:16px;left:24px}.sb-cta .cta-d-nap{--dr:12deg;aspect-ratio:1;background-image:url(/kepek/tuday-ikon-nap1-trim.png);width:clamp(90px,11vw,150px);animation-delay:3.1s;top:-30px;right:-26px}.sb-cta .cta-d-firka2{--dr:-18deg;aspect-ratio:1;background-image:url(/kepek/tuday-ikon-firka5-trim.png);width:clamp(60px,8vw,104px);animation-delay:4.6s;bottom:-26px;right:27%}@keyframes doodleSway{0%,to{transform:rotate(var(--dr,0deg)) translateY(0)}50%{transform:rotate(calc(var(--dr,0deg) + 3deg)) translateY(-7px)}}@media (prefers-reduced-motion:reduce){.sb-cta .cta-doodle{animation:none}}.sb-cta .cta-txt{flex:360px;position:relative}.sb-cta h3{font-family:var(--font-display);letter-spacing:-.8px;color:var(--tuday-cream);margin:0;font-weight:800;line-height:1.06}.sb-cta h3 .cta-l1{font-size:clamp(32px,4.6vw,52px);display:block}.sb-cta h3 .cta-l2{letter-spacing:-.4px;margin-top:7px;font-size:clamp(19px,2.6vw,27px);display:block}.sb-cta p{opacity:.95;max-width:480px;color:var(--tuday-cream);margin:11px 0 0;font-size:15.5px;line-height:1.5}.sb-cta .cta-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex;position:relative}.sb-cta .btn-cream{background:var(--tuday-cream);color:var(--ink);white-space:nowrap;border:none;justify-content:center;box-shadow:3px 4px #00000038}.sb-cta .btn-cream:hover{transform:translate(-1px,-1px);box-shadow:4px 5px #00000042}.sb-cta .cta-login{text-align:center;color:#fff;opacity:.9;font-size:13px;font-weight:700;text-decoration:none}.sb-cta .cta-login:hover{opacity:1;text-decoration:underline}@media (max-width:880px){.sb-grid{grid-template-columns:1fr}.sb-join{min-height:320px}.ben-grid{grid-template-columns:1fr}.sb-steps{grid-template-columns:1fr;row-gap:30px;margin-top:44px}.sb-steps:before{display:none}.step:not(:first-child):before{content:"";border-left:2px dashed color-mix(in srgb, var(--tuday-orange) 45%, transparent);height:22px;position:absolute;top:-26px;left:50%}}@media (max-width:560px){.sb-login{padding:28px 22px}.sb-join .inner{padding:26px 24px 16px}.sb-head h1{font-size:clamp(28px,8.4vw,46px)}.sb-head .word-rotator{font-size:.94em}}.reveal{opacity:1;translate:0}.sb-marquee{max-width:1040px;margin:48px auto 0}.sb-marquee .mq-label{text-align:center;font-family:var(--font-display);color:var(--ink);margin:0 0 16px;font-size:14.5px;font-weight:700}.sb-marquee .mq-label b{color:var(--ink);font-weight:800}.mq-viewport{padding:10px 0 14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.mq-track{gap:12px;width:max-content;animation:32s linear infinite mqScroll;display:flex}.sb-marquee:hover .mq-track{animation-play-state:paused}.mq-chip{font-family:var(--font-display);letter-spacing:-.2px;white-space:nowrap;background:var(--c,var(--tuday-orange));color:#fff;text-shadow:0 1px 2px #0000002e;border:1.5px solid color-mix(in srgb, var(--c,var(--tuday-orange)) 75%, #1a1208);box-shadow:2px 3px 0 color-mix(in srgb, var(--c,var(--tuday-orange)) 60%, #1a1208);border-radius:16px 12px 17px 11px/11px 17px 12px 16px;flex:none;padding:9px 18px;font-size:15px;font-weight:800;line-height:1.4}.mq-track .mq-chip:nth-child(odd){transform:rotate(-1.2deg)}.mq-track .mq-chip:nth-child(2n){transform:rotate(1deg)}@keyframes mqScroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transition:none!important;translate:none!important}.mq-track{animation:none!important}}