@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#f8f9f5;--ink:#17231e;--green:#20704f;--lime:#d7f58d;--muted:#717b73;--border:#dfe5da}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.9 Vazirmatn,Tahoma,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #6da183;outline-offset:4px}header{height:94px;max-width:1440px;margin:auto;padding:0 54px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.logo{display:grid;place-items:center;background:var(--ink);color:var(--lime);font:bold 34px Arial;width:36px;height:36px;border-radius:10px}.brand b{font:800 22px Arial;letter-spacing:-.8px}.brand b span{font-weight:400;margin-left:3px}.back{font-size:12px;color:var(--muted)}.back span{margin-right:15px;font-size:19px}main{max-width:1332px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 30px}.form-side{display:grid;place-items:center;padding:36px 25px}.form-wrap{width:100%;max-width:365px}.eyebrow{font-size:10px;color:var(--green);display:flex;align-items:center;gap:7px}.eyebrow i{height:6px;width:6px;border-radius:50%;background:var(--green)}h1{font-size:38px;line-height:1.6;margin:12px 0 10px;letter-spacing:-1.3px}h1 span{color:var(--green)}.intro{font-size:12px;line-height:2.1;color:var(--muted);margin:0}.preview-note{display:flex;align-items:center;gap:12px;background:#eef2e8;border:1px solid #e2e8d9;border-radius:9px;padding:12px 14px;margin:24px 0;font-size:10px;color:#66705c}.preview-note>span{color:var(--green);font-size:25px}.preview-note p{margin:0}.preview-note b{font-weight:500;color:#3f533a}.field{margin-bottom:15px}.field label{display:block;font-size:12px;font-weight:500;margin-bottom:7px}.field input{width:100%;height:49px;border:1px solid #d5ddcf;background:#fff;border-radius:8px;padding:0 14px;color:var(--ink);font-size:12px;transition:border .2s,box-shadow .2s}.field input:focus{border-color:var(--green);box-shadow:0 0 0 3px #20704f0c;outline:none}.field input::placeholder{color:#9ba298;font-size:11px}.field input[aria-invalid=true]{border-color:#ae4d40}.password-wrap{position:relative}.password-wrap input{padding-left:48px}.password-wrap button{position:absolute;left:5px;top:5px;width:39px;height:39px;display:grid;place-items:center;border:0;background:transparent;color:#87917f;border-radius:6px}.password-wrap svg{width:19px}.error{display:block;font-size:10px;color:#a44337;min-height:0}.error:not(:empty){margin-top:5px}#caps{font-size:10px;color:#8c6825}.form-options{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:22px 0}.link{color:var(--green);font-size:10px;border:0;background:transparent;padding:3px 0}.link:hover{text-decoration:underline}.submit{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white;border:0;border-radius:8px;min-height:49px;padding:12px 18px;font-size:12px;transition:background .2s,transform .2s}.submit:hover{background:var(--green);transform:translateY(-2px)}.submit span{font-size:20px;color:var(--lime)}.status{font-size:11px;line-height:2;color:var(--green);margin:0}.status:not(:empty){margin-top:12px;border:1px solid #d8e4d0;border-radius:8px;padding:12px;background:#eef3e8}.signup{font-size:11px;text-align:center;margin-top:22px;padding-bottom:23px;border-bottom:1px solid var(--border);color:var(--muted)}.signup .link{font-size:11px;margin-right:7px}.signup span{margin-right:5px}.privacy{display:flex;align-items:center;justify-content:center;gap:7px;color:#899080;font-size:9px;margin-top:18px}.privacy svg{width:14px;height:16px}.story{border-radius:20px;background:#182a21;color:white;position:relative;overflow:hidden;padding:26px 32px;display:flex;flex-direction:column;min-height:695px;background-image:radial-gradient(ellipse at 40% 30%,#384f2d 0,transparent 60%)}.story-top,.story-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b3c2ae;font-size:9px}.story-top>span:last-child{font:8px Arial;letter-spacing:2px}.art{position:relative;flex:1;min-height:310px;display:grid;place-items:center;isolation:isolate}.sphere{width:202px;height:202px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#f0ffcc,#a9cf71 27%,#507a39 60%,#213a24 85%);color:#e1f7ac;box-shadow:inset 6px 8px 20px #edffd46b,15px 25px 70px #07130c75;text-shadow:5px 7px 0 #3c6033,7px 10px 15px #153315;font:bold 140px Arial;transform:rotate(-12deg);animation:breathe 7s ease-in-out infinite}.ring{position:absolute;width:340px;height:165px;border:1px solid #a4c48533;border-radius:50%;transform:rotate(-30deg);z-index:-1}.r2{transform:rotate(45deg);width:305px;height:235px}.r3{transform:rotate(-65deg);width:340px;height:250px;border-style:dashed;border-color:#a4c48522}.spark{position:absolute;top:28px;right:40px;font-size:28px;color:#cfe8a4}.float{position:absolute;top:52px;left:0;transform:rotate(-7deg);border:1px solid #ccdcb333;background:#f3ffe90d;backdrop-filter:blur(10px);padding:8px 12px;border-radius:8px;font-size:9px;color:#e2edcf;animation:breathe 7s ease-in-out infinite}.second{top:auto;bottom:35px;right:0;left:auto;transform:rotate(5deg);animation-delay:-3s}.second span{margin-right:25px;color:var(--lime)}.story-copy{padding:12px 12px 25px}.small-label{font-size:10px;color:#c2d995}.story h2{font-size:31px;line-height:1.8;margin:12px 0;letter-spacing:-.7px}.story p{font-size:12px;line-height:2.1;color:#adbdac;margin:0}.tags{display:flex;gap:8px;margin-top:22px}.tags span{font-size:9px;color:#c2d0b9;background:#ffffff06;border:1px solid #c7ddae22;border-radius:25px;padding:5px 12px}.story-bottom{margin-top:auto;border-top:1px solid #d9ecc01a;padding-top:17px;font-size:8px}.story-bottom>span:last-child{font-size:20px;color:var(--lime)}footer{max-width:1332px;margin:auto;padding:24px 55px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#92998c}dialog{border:1px solid var(--border);border-radius:16px;background:var(--bg);color:var(--ink);padding:30px;width:min(420px,calc(100% - 32px));box-shadow:0 30px 80px #0003}dialog::backdrop{background:#12231c99;backdrop-filter:blur(5px)}dialog h2{font-size:22px;margin:10px 0}dialog p{font-size:12px;color:var(--muted);margin-bottom:24px}.close{position:absolute;left:12px;top:9px;background:none;border:0;font-size:25px;color:var(--muted)}.dialog-mark{font:bold 40px Arial;color:var(--green)}.close-action{justify-content:center}.skip{position:fixed;top:-100px;padding:10px;background:white;z-index:3}.skip:focus{top:10px}@keyframes breathe{50%{translate:0 -7px}}
@media(min-width:1500px){main{padding-top:30px}.story{min-height:750px}.art{min-height:360px}}
@media(max-width:1000px){main{gap:15px;padding:0 22px}.story{padding:25px}.story h2{font-size:26px}.story-copy{padding-inline:0}.story-top>span:last-child{display:none}.ring{width:280px}.r2{width:270px}.r3{width:290px}.sphere{width:180px;height:180px;font-size:125px}.float{font-size:8px;left:-10px}.second{left:auto;right:-10px}.form-side{padding:25px 15px}.form-options{gap:5px}.form-options .link{font-size:9px}}
@media(max-width:700px){header{height:80px;padding-inline:22px}.brand b{font-size:19px}.back{font-size:10px}.back span{margin-right:5px}main{grid-template-columns:1fr;padding:0 22px;gap:30px}.form-side{padding:25px 0 5px}.form-wrap{max-width:400px}h1{font-size:34px}.form-options .link,.story{min-height:auto;padding:25px}.story-top,.story-bottom{display:none}.art{min-height:240px}.sphere{width:150px;height:150px;font-size:100px}.ring{width:260px;height:130px}.r2{height:190px;width:250px}.r3{width:260px;height:190px}.float{left:8px;top:40px}.second{right:8px;left:auto;bottom:25px;top:auto}.story-copy{padding:10px 0;text-align:center}.story h2{font-size:25px}.tags{justify-content:center}.story p{font-size:11px}footer{padding:22px;font-size:8px;gap:12px}.privacy{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.submit:disabled{opacity:.55;cursor:wait;transform:none}.status.is-error{color:#a44337;background:#fff2ed;border-color:#edcfc4}.password-wrap button[data-toggle]{position:absolute;left:5px;top:5px}.password-hint{display:block;font-size:10px;color:var(--muted);margin-top:5px}.signup a{color:var(--green);margin-right:8px}.form-options a{font-size:11px;color:var(--green)}.account-main{display:block;max-width:1060px;padding:35px 25px}.account-heading h1{margin-top:5px}.account-heading p{color:var(--muted);font-size:13px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.account-card{border:1px solid var(--border);border-radius:16px;background:#fff;padding:28px}.account-card h2{font-size:20px;margin-top:0}.account-card dl{font-size:12px}.account-card dt{color:var(--muted);margin-top:15px}.account-card dd{margin:0;overflow-wrap:anywhere}.account-card.dark{background:var(--ink);color:white}.account-card.dark p{font-size:13px;color:#bac8b5}.account-card .badge{display:inline-block;border:1px solid #a7bf8d55;color:var(--lime);padding:3px 12px;border-radius:30px;font-size:10px}.account-card a{color:var(--green)}.logout{border:1px solid var(--border);border-radius:8px;background:white;padding:8px 15px;font-size:11px}.next-link{display:inline-block;margin-top:16px;color:var(--green);font-size:12px}.account-grid[hidden]{display:none}@media(max-width:700px){.account-grid{grid-template-columns:1fr}.account-heading h1{font-size:30px}}
[hidden]{display:none!important}

#code{text-align:center;font-size:26px;letter-spacing:12px;height:60px}#verify-email{overflow-wrap:anywhere;display:inline-block;margin-top:10px;color:var(--green)}#code-timer{margin:0 0 16px}.link:disabled{opacity:.55;cursor:default;text-decoration:none}