*{box-sizing:border-box}body{margin:0;background:#050808;color:#f0fdf4;font-family:Arial,Noto Sans Arabic,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}header{min-height:76px;padding:12px max(calc((100% - 1240px)/2),24px);border-bottom:1px solid #1b2928;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#070b0b}.brand{font-size:24px;font-weight:800;color:#9cf2e8;text-decoration:none;cursor:pointer}.brand span{display:block;font-size:9px;letter-spacing:1.5px;color:#64748b;margin-top:3px}nav{display:flex;gap:5px}nav button,.outline{padding:10px 13px;border:1px solid #1b2928;border-radius:4px;color:#94a3b8;white-space:nowrap}nav button i{margin-left:7px;color:#80d5cb;font-style:normal}nav button.active{color:#9cf2e8;border-color:#0f766e;background:#0e1717}.primary{background:#0f766e;color:#f0fdf4;border-radius:4px;padding:11px 17px;font-weight:700;border:1px solid #0f766e}.primary:hover{background:#115e59}.primary:disabled{opacity:.6;cursor:wait}.account{display:flex;gap:7px}.hero{max-width:1180px;margin:44px auto 35px;padding:45px 30px 35px;border:1px solid #1b2928;background:radial-gradient(ellipse at 12% 12%,#0a2724 0,transparent 40%),#080d0d}.eyebrow{color:#80d5cb;font-size:11px;letter-spacing:1.7px}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.2;margin:18px 0}.hero em{color:#80d5cb;font-style:normal}.hero>p,.intro{color:#94a3b8;max-width:680px;line-height:1.9}.actions{display:flex;gap:10px;margin:26px 0 40px}.big{padding:14px 20px}.flow{border-top:1px solid #1b2928;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.flow>div{display:flex;flex-direction:column;gap:8px}.flow>div>b{color:#f59e0b;font-size:12px;letter-spacing:2px}.flow strong{font-size:15px}.flow small{color:#64748b}.flow>span{color:#0f766e;font-size:24px}.content{max-width:1180px;margin:52px auto;padding:0 24px;min-height:380px}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h2{font-size:30px;margin:9px 0 17px}h3{font-size:18px;margin:12px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px}.cards.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid #1b2928;background:#0a1111;padding:22px;border-radius:4px}.card p{color:#94a3b8;line-height:1.8;font-size:14px}.symbol{font-size:24px;color:#80d5cb}.link{color:#80d5cb;padding:4px 0;margin-top:10px}.pill{display:inline-flex;border-radius:99px;padding:5px 10px;color:#2dd4bf;border:1px solid #0f766e;background:#0f766e22;font-size:11px;white-space:nowrap}.gold{color:#f59e0b;border-color:#d97706;background:#d9770618}.banner{margin-top:28px;border:1px solid #2d4341;background:linear-gradient(100deg,#0a1111,#0b1917);padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.banner h3{font-size:21px}.banner p{color:#94a3b8;max-width:720px;line-height:1.7;margin-bottom:0}.year{font-size:46px;color:#f59e0b;text-align:center}.year small{display:block;font-size:11px;color:#94a3b8}.stack{display:grid;gap:13px;max-width:760px;margin-top:22px}.stack label{font-size:14px;color:#c0c8c7}.stack label small{color:#64748b;margin-right:8px}input,select,textarea{background:#0a1111;border:1px solid #1b2928;color:#f0fdf4;border-radius:4px;padding:12px;outline:none}textarea{resize:vertical;line-height:1.8}input:focus,textarea:focus,select:focus{border-color:#0f766e}.result{max-width:760px;margin-top:26px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.score{font-size:56px;color:#f59e0b;font-weight:700}.score small{font-size:18px;color:#64748b}.skill{display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0}.skill div{grid-column:1/3;height:5px;background:#1b2928}.skill i{display:block;height:100%;background:#0f766e}.listrow{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #1b2928;padding:14px 0}.listrow small{display:block;color:#64748b;margin-top:5px}.price{font-size:18px;color:#80d5cb;margin:14px 0}.muted{color:#64748b;font-size:12px}.empty{padding:30px;color:#94a3b8;border:1px dashed #1b2928}.notice{max-width:1100px;margin:12px auto;padding:12px 18px;background:#34250c;color:#fbbf24;display:flex;justify-content:space-between}footer{max-width:1180px;margin:30px auto 0;padding:25px 24px;border-top:1px solid #1b2928;color:#94a3b8;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px}footer b{color:#80d5cb}footer small{color:#64748b}@media(max-width:900px){.cards.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){header{padding:13px 16px}nav{order:3;width:100%;overflow:auto}nav button{font-size:12px}.hero{margin:20px 16px;padding:28px 20px}.flow{align-items:flex-start;flex-direction:column}.flow>span{transform:rotate(90deg);margin-right:8px}.content{padding:0 16px}.cards.four{grid-template-columns:1fr 1fr}.sectionhead,.banner{align-items:flex-start;flex-direction:column}.actions{flex-wrap:wrap}}@media(max-width:420px){.cards.four{grid-template-columns:1fr}.hero h1{font-size:42px}.brand{font-size:21px}}
