.landing-page{grid-template-rows:auto 1fr auto;grid-template-columns:1.2fr .8fr;height:100dvh;display:grid;position:relative;overflow:hidden}.landing-page .side-bar{z-index:2;background:#facc15;border-right:4px solid #111;width:28px;position:absolute;top:0;bottom:0;left:0}.landing-page .side-bar:after{content:"BRANDQUIZ";letter-spacing:4px;text-transform:uppercase;color:#111;white-space:nowrap;opacity:.5;font-family:Space Mono,monospace;font-size:9px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.landing-page:after{content:"";z-index:0;opacity:.02;pointer-events:none;background-image:radial-gradient(#111 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.landing-page .top-bar{z-index:2;grid-column:1;padding:16px 64px 0 96px;position:relative}.landing-page .logo{display:inline-block;position:relative;transform:rotate(-2deg)}.landing-page .logo-inner{text-transform:uppercase;letter-spacing:4px;color:#111;z-index:1;background:#facc15;border:4px solid #111;padding:8px 22px;font-family:Space Mono,monospace;font-size:14px;font-weight:700;display:inline-block;position:relative}.landing-page .logo-shadow{z-index:0;background:#111;position:absolute;inset:5px -5px -5px 5px}.landing-page .hero{z-index:1;flex-direction:column;grid-column:1;justify-content:center;padding:0 48px 0 96px;display:flex;position:relative}.landing-page .sticker-row{gap:8px;margin-bottom:28px;display:flex}.landing-page .sticker{text-transform:uppercase;letter-spacing:2px;border:4px solid #111;padding:6px 14px;font-family:Space Mono,monospace;font-size:10px;font-weight:700;display:inline-block;box-shadow:3px 3px #111}.landing-page .sticker:first-child{color:#fff;background:#6366f1;transform:rotate(-2deg)}.landing-page .sticker:nth-child(2){background:#facc15;transform:rotate(1.5deg)}.landing-page .sticker:nth-child(3){color:#fff;background:#ec4899;transform:rotate(-1deg)}.landing-page .hero h1{letter-spacing:-2px;margin-bottom:28px;font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1}.landing-page .hero h1 .stamp{color:#facc15;background:#111;border:4px solid #111;margin-top:8px;padding:2px 14px;display:inline-block;transform:rotate(-2deg);box-shadow:6px 6px #111}.landing-page .subtitle{color:#6b7280;background:#fff;border:3px solid #111;max-width:460px;margin-bottom:28px;padding:10px 14px;font-size:16px;line-height:1.55;position:relative;box-shadow:3px 3px #111}.landing-page .proof{background:#facc15;border:4px solid #111;margin-bottom:28px;padding:10px 24px;font-size:15px;font-weight:900;display:inline-block;transform:rotate(-1deg);box-shadow:6px 6px #111}.landing-page .dots{gap:6px;display:flex}.landing-page .dots .d{color:#fff;border:3px solid #111;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:900;display:flex;box-shadow:2px 2px #111}.landing-page .form-col{z-index:1;grid-area:2/2/3;justify-content:center;align-items:center;padding:20px 48px 20px 20px;display:flex;position:relative}.landing-page .form-card{background:#fff;border:4px solid #111;width:100%;max-width:360px;padding:28px 24px;position:relative;box-shadow:8px 8px #111}.landing-page .form-card .top-bar-accent{background:#facc15;height:8px;position:absolute;top:0;left:0;right:0}.landing-page .form-card .form-stamp{color:#facc15;text-transform:uppercase;letter-spacing:2px;background:#111;border:4px solid #111;margin-bottom:14px;padding:6px 16px;font-size:10px;font-weight:700;display:inline-block;transform:rotate(-1.5deg);box-shadow:3px 3px #facc15}.landing-page .form-card h2{margin-bottom:4px;font-size:24px;font-weight:900}.landing-page .form-card .sub{color:#6b7280;margin-bottom:20px;font-size:13px}.landing-page .form-card input{background:#fff;border:4px solid #111;outline:none;width:100%;margin-bottom:12px;padding:15px 16px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;box-shadow:4px 4px #111}.landing-page .form-card input:focus{border-color:#6366f1;box-shadow:4px 4px #6366f1}.landing-page .form-card input::placeholder{color:#9ca3af;font-weight:600}.landing-page .form-card .btn{color:#facc15;text-transform:uppercase;letter-spacing:3px;cursor:pointer;background:#111;border:4px solid #111;width:100%;margin-top:4px;padding:16px;font-family:Space Mono,monospace;font-size:14px;font-weight:700;transition:all .15s;box-shadow:6px 6px #111}.landing-page .form-card .btn:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #111}.landing-page .form-card .fp{text-align:center;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;margin-top:12px;font-size:10px}.landing-page .cards-strip{z-index:1;grid-column:1;align-self:start;gap:12px;padding:10px 64px 10px 96px;display:flex;position:relative}.landing-page .card{background:#fff;border:4px solid #111;flex:1;padding:14px;position:relative;box-shadow:6px 6px #111}.landing-page .card:first-child{transform:rotate(-.8deg)}.landing-page .card:nth-child(2){transform:rotate(.5deg)}.landing-page .card:nth-child(3){transform:rotate(.7deg)}.landing-page .card .num{color:#fff;border:4px solid #111;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:flex;position:absolute;top:-14px;left:14px;transform:rotate(-3deg);box-shadow:2px 2px #111}.landing-page .card:first-child .num{background:#6366f1}.landing-page .card:nth-child(2) .num{background:#f97316}.landing-page .card:nth-child(3) .num{color:#111;background:#facc15}.landing-page .card h3{margin:6px 0 4px;font-size:14px;font-weight:900}.landing-page .card p{color:#6b7280;font-size:11px;line-height:1.4}@media (max-width:900px){.landing-page{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:hidden auto}.landing-page .side-bar{display:none}.landing-page .top-bar{grid-column:1;padding:16px 20px 0}.landing-page .logo-inner{letter-spacing:3px;padding:6px 16px;font-size:12px}.landing-page .hero{grid-column:1;padding:16px 20px 12px}.landing-page .sticker-row{gap:6px;margin-bottom:16px}.landing-page .sticker{border-width:3px;padding:4px 10px;font-size:8px;box-shadow:2px 2px #111}.landing-page .hero h1{margin-bottom:12px;font-size:28px}.landing-page .hero h1 .stamp{border-width:3px;padding:1px 10px;box-shadow:4px 4px #111}.landing-page .subtitle{border-width:3px;margin-bottom:16px;padding:10px 12px;font-size:14px;box-shadow:2px 2px #111}.landing-page .proof{border-width:3px;padding:7px 16px;font-size:12px;box-shadow:4px 4px #111}.landing-page .dots{display:none}.landing-page .form-col{grid-area:auto/1;padding:8px 20px 16px}.landing-page .form-card{max-width:100%;padding:24px 20px;box-shadow:5px 5px #111}.landing-page .form-card .form-stamp{padding:5px 12px;font-size:9px}.landing-page .form-card h2{font-size:20px}.landing-page .form-card input{border-width:3px;margin-bottom:10px;padding:12px 14px;font-size:14px;box-shadow:3px 3px #111}.landing-page .form-card .btn{letter-spacing:2px;border-width:3px;padding:14px;font-size:12px;box-shadow:4px 4px #111}.landing-page .form-card .fp{margin-top:10px}.landing-page .cards-strip{grid-column:1;grid-template-columns:1fr 1fr;align-self:auto;gap:12px;padding:8px 20px 20px;display:grid}.landing-page .card{border-width:3px;min-height:auto;padding:16px 14px;box-shadow:4px 4px #111}.landing-page .card .num{border-width:3px;width:24px;height:24px;font-size:10px;top:-10px;left:10px}.landing-page .card h3{margin:4px 0 2px;font-size:12px}.landing-page .card p{font-size:10px}}