@font-face{font-family:Vazirmatn;src:url(/prototype-assets/Vazirmatn.woff2)format("woff2");font-display:swap}:root{--ink:#211b43;--purple:#4c378c;--muted:#6f6887;--line:#e7e0f1;--lavender:#f8f5ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 84% 8%,#dbf4ee 0,transparent 24rem),radial-gradient(circle at 14% 72%,#e8e0fb 0,transparent 28rem),var(--lavender);margin:0;font-family:Vazirmatn,Tahoma,sans-serif}button,a,input{font:inherit}button{cursor:pointer}.landing{min-height:100vh;overflow:hidden}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffc;border-bottom:1px solid #e7e0f1cc;justify-content:space-between;align-items:center;min-height:88px;padding:0 max(5vw,42px);display:flex}.brand{align-items:center;text-decoration:none;display:flex}.brand-logo{object-fit:contain;width:112px;height:54px}.site-nav{align-items:center;gap:28px;font-weight:700;display:flex}.site-nav a,.text-link{color:#51496c;text-decoration:none}.site-nav a:hover,.text-link:hover{color:var(--purple)}.more-menu{position:relative}.more-trigger{width:36px;height:36px;color:var(--ink);letter-spacing:2px;background:0 0;border:0;font-size:1.2rem}.menu-popover{z-index:4;border:1px solid var(--line);background:#fff;border-radius:14px;width:170px;padding:7px;position:absolute;top:44px;left:0;box-shadow:0 16px 34px #2d21601a}.menu-popover button{width:100%;color:var(--ink);text-align:right;background:0 0;border:0;border-radius:9px;padding:10px}.menu-popover button:hover{background:#f3effb}.outline-button,.primary-button{border-radius:14px;padding:13px 22px;font-weight:900}.outline-button{color:var(--ink);background:#fff;border:1px solid #ddd4ef}.primary-button{color:#fff;background:linear-gradient(135deg,#5b3e9b,#3e287d);border:1px solid #3e287d;box-shadow:0 12px 22px #452d8230}.hero-section{grid-template-columns:1.08fr .92fr;align-items:center;gap:38px;width:min(1420px,100% - 70px);min-height:650px;margin:0 auto;display:grid}.hero-copy{z-index:1;padding:60px 0;position:relative}.hero-label,.dialog-label{color:var(--purple);background:#fff;border:1px solid #e4d8f7;border-radius:99px;margin:0 0 22px;padding:8px 16px;font-size:.9rem;font-weight:900;display:inline-block}.hero-copy h1{letter-spacing:-.065em;margin:0;font-size:clamp(3.3rem,5.6vw,6.4rem);line-height:1.06}.hero-description{max-width:650px;color:var(--muted);margin:25px 0 29px;font-size:1.12rem;line-height:2}.hero-actions{align-items:center;gap:24px;display:flex}.login-note{color:#7e7694;margin-top:25px;font-size:.86rem}.hero-art{place-items:center;height:570px;display:grid;position:relative}.art-shape{opacity:.95;background:linear-gradient(150deg,#e8e0fb,#e2f5f0);border-radius:45% 55% 48% 52%;width:440px;height:455px;position:absolute;transform:rotate(-10deg)}.mascot{z-index:1;object-fit:contain;filter:drop-shadow(0 23px 19px #2d1f5630);width:min(470px,96%);max-height:530px;position:relative}.speech{z-index:2;background:#fff;border:1px solid #ece5f7;border-radius:19px;max-width:245px;padding:16px 20px;font-weight:800;position:absolute;top:69px;right:12px;box-shadow:0 12px 28px #3d29601a}.steps-section{grid-template-columns:repeat(3,1fr);gap:16px;width:min(1180px,100% - 32px);margin:0 auto 62px;display:grid}.steps-section article{border:1px solid var(--line);background:#ffffffc9;border-radius:21px;min-height:178px;padding:24px;box-shadow:0 14px 35px #38225d0a}.steps-section span{width:34px;height:34px;color:var(--purple);background:#eee8fa;border-radius:50%;place-items:center;font-weight:900;display:grid}.steps-section h2{margin:20px 0 8px;font-size:1.1rem}.steps-section p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.85}footer{border-top:1px solid var(--line);color:#7d7590;background:#fff9;justify-content:center;align-items:center;gap:25px;padding:25px;font-size:.78rem;display:flex}footer a{color:inherit;text-decoration:none}.dialog-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f173966;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-dialog{text-align:right;background:#fff;border-radius:28px;width:min(460px,100%);padding:38px;position:relative;box-shadow:0 32px 75px #130b2e45}.close-button{color:#554d6a;background:#f5f1fb;border:0;border-radius:50%;width:34px;height:34px;font-size:1.4rem;position:absolute;top:13px;left:16px}.dialog-shield{object-fit:contain;width:62px;height:62px;margin:0 0 18px;display:block}.login-dialog h2{margin:0 0 10px;font-size:1.65rem}.login-dialog p{color:var(--muted);line-height:1.9}.login-dialog form{gap:12px;margin-top:23px;display:grid}.login-dialog input{text-align:center;direction:ltr;border:1px solid #ded6ed;border-radius:13px;outline:none;width:100%;padding:14px}.login-dialog input:focus{border-color:#7056aa;box-shadow:0 0 0 3px #7056aa18}.resend-button{color:var(--purple);background:0 0;border:0;margin-top:17px;font-weight:800}.login-tabs{background:#f6f3fb;border-radius:15px;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 22px;padding:5px;display:grid}.login-tabs button{color:#6f6887;background:0 0;border:0;border-radius:11px;padding:11px 8px;font-weight:900}.login-tabs button.active{color:var(--purple);background:#fff;box-shadow:0 4px 14px #3c246b16}@media (max-width:880px){.site-header{padding:0 20px}.site-nav{gap:13px}.site-nav>a{display:none}.hero-section{text-align:center;grid-template-columns:1fr;width:min(100% - 36px,640px)}.hero-copy{padding:58px 0 0}.hero-description{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-art{height:420px}.art-shape{width:330px;height:340px}.mascot{max-height:400px}.speech{top:22px;right:0}.steps-section{grid-template-columns:1fr}.steps-section article{min-height:auto}}@media (max-width:470px){.brand-logo{width:88px;height:46px}.outline-button{padding:10px 12px;font-size:.84rem}.hero-copy h1{font-size:3rem}.hero-actions{flex-direction:column;gap:15px}.hero-art{height:340px}.mascot{max-height:330px}.speech{display:none}footer{flex-wrap:wrap}}.form-notice,.form-error{border-radius:11px;padding:10px 12px;font-size:.85rem;margin:12px 0 0!important}.form-notice{background:#e9f8f1;color:#17654f!important}.form-error{background:#fff0ef;color:#9b3030!important}.primary-button:disabled{cursor:wait;opacity:.66}
