.ofl{--cream:#fffce1;--mint:#4fd1b5;--sun:#ffc844;--room:#0b0b0e;--display:"Unbounded",system-ui,sans-serif;--hand:var(--font-comic),"Comic Sans MS",cursive;display:flex;min-height:max(640px,calc(100dvh - var(--bar-h, 0px) - var(--nav-h, 64px)))}.ofl-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 40% 38% at 50% 46%,rgba(11,11,14,.55) 0,transparent 80%)}.ofl--neon .ofl-vignette{background:radial-gradient(ellipse 40% 38% at 50% 46%,rgba(11,11,14,.6) 0,transparent 80%)}.ofl-inner{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:clamp(36px,6dvh,64px);width:100%;max-width:1800px;margin-inline:auto;padding:48px 20px 56px}.ofl-title{margin:0;font-family:var(--display);font-weight:800;letter-spacing:-.02em;text-align:center}.ofl-prep{font-size:11.4vw;line-height:.86}.ofl-note{position:absolute;top:-.14em;right:.02em;display:block;color:var(--mint);font-size:max(.8rem,.1em);line-height:1;letter-spacing:0;rotate:-7deg}.ofl-mid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.1em .5em;margin-top:.12em;font-size:9vw}.ofl-oge{font-size:1em;line-height:1}.ofl-tomsk{font-size:.86em;line-height:1}.ofl-online{font-size:14vw;line-height:.92;rotate:-2deg}.ofl-tape{display:inline-block;padding:.04em .22em .1em;background:var(--mint);color:var(--room);rotate:-3deg;clip-path:polygon(2% 6%,98% 0,100% 50%,97% 96%,1% 100%,0 52%)}@media (min-width:1024px){.ofl-prep{font-size:min(9.2vw,11.5rem)}.ofl-mid{font-size:min(5vw,6.2rem)}.ofl-online{font-size:min(8vw,10rem)}}.ofl-ring-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:980px}@media (min-width:900px){.ofl-ring-wrap{flex-direction:row;gap:34px;rotate:-1.5deg}}.ofl-free{display:flex;flex-direction:column;align-items:center;rotate:-6deg;flex:none}.ofl-free-top{color:var(--mint);font-family:var(--hand);font-size:22px;font-weight:700;line-height:1}.ofl-free-sum{color:var(--cream);font-family:var(--display);font-size:84px;font-weight:800;line-height:.9;letter-spacing:-.04em}.ofl-free-sum i{margin-left:.06em;color:var(--sun);font-size:.55em;font-style:normal}.ofl-ring{display:flex;flex:1;flex-direction:column;gap:8px;width:100%;padding:8px;border:2.5px solid var(--cream);border-radius:30px;background:rgba(11,11,14,.6);backdrop-filter:blur(8px);transition:border-color .2s}@media (min-width:640px){.ofl-ring{flex-direction:row;align-items:center;border-radius:999px}}.ofl-ring:focus-within{border-color:var(--mint)}.ofl-ring-input{flex:1;min-width:0;height:58px;padding:0 22px;border:0;background:transparent;color:var(--cream);font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:.02em;outline:none}.ofl-ring-input::placeholder{color:rgba(255,252,225,.38)}.ofl-ring-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:58px;padding:0 26px;border-radius:999px;background:var(--sun);color:var(--room);font-family:var(--display);font-size:15px;font-weight:800;white-space:nowrap;rotate:2deg;transition:rotate .3s cubic-bezier(.3,1.6,.5,1),background-color .2s}.ofl-ring-btn:hover{rotate:0deg;background:var(--mint)}.ofl-ring-btn:active{scale:.97}.ofl-ring-btn:focus-visible,.ofl-strip-btn:focus-visible{outline:2px solid var(--cream);outline-offset:4px}.ofl-hand{color:var(--mint);font-family:var(--hand);font-size:17px;font-weight:600;rotate:-3deg}@media (min-width:900px){.ofl-hand{position:absolute;right:40px;bottom:-40px}}.ofl-strip-wrap{width:calc(100% + 40px);margin-inline:-20px;rotate:-2deg}@media (min-width:1024px){.ofl-strip-wrap{width:min(1320px,100%);margin-inline:0}}.ofl-strip{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:22px 28px 24px;background:var(--sun);color:var(--room);clip-path:polygon(0 4%,2% 0,4% 5%,6% 0,94% 0,96% 5%,98% 0,100% 4%,100% 96%,98% 100%,96% 95%,94% 100%,6% 100%,4% 95%,2% 100%,0 96%)}@media (min-width:900px){.ofl-strip{flex-direction:row;align-items:center;gap:28px;padding:20px 48px}}.ofl-strip-free{position:relative;flex:none;font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}.ofl-strip-free b{display:inline-block;margin-left:.15em;font-size:1.6em;rotate:-4deg}.ofl-strip-flower{position:absolute;top:-14px;right:-26px;width:30px;height:30px}.ofl-strip-input{flex:1;min-width:0;height:54px;padding:0 4px;border:0;border-bottom:3px dashed var(--room);background:transparent;color:var(--room);font-family:var(--display);font-size:22px;font-weight:700;outline:none}.ofl-strip-input::placeholder{color:rgba(11,11,14,.4)}.ofl-strip-input:focus{border-bottom-style:solid}.ofl-strip-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:58px;padding:0 30px;border-radius:999px;background:var(--room);color:var(--cream);font-family:var(--display);font-size:16px;font-weight:800;white-space:nowrap;transition:background-color .2s,color .2s,rotate .3s cubic-bezier(.3,1.6,.5,1)}.ofl-strip-btn:hover{background:var(--mint);color:var(--room);rotate:3deg}.ofl-strip-btn:active{scale:.97}.ofl-ribbons{position:absolute;top:0;left:50%;width:100%;height:100%;translate:-50% 0;pointer-events:none}@media (max-width:767px){.ofl{--rib:0.5}.ofl-ribbons{width:125%}.ofl-note{top:-.75em;right:.4em}}