:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f1ec;--card:#fff;--text:#111;--muted:#6b6b6b;--line:#dedad2;--soft:#f8f6f1;--gold:#b99a5b;--gold-dark:#8f7338;--black:#111;--danger:#b42318;--success:#047857}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 0 0,#b99a5b2e,#0000 34%),linear-gradient(135deg,#f7f4ee 0%,#eee 45%,#f8f8f8 100%);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit}.page{min-height:100vh;padding:32px 20px}.shell{max-width:1080px;margin:0 auto}.header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px;display:flex}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #11111114;border-radius:28px;padding:30px;box-shadow:0 24px 70px #1111111a}h1,h2,h3{color:var(--black);letter-spacing:-.03em}h1{margin:0 0 10px;font-size:clamp(30px,5vw,46px);line-height:1.05}h2{font-size:clamp(24px,3vw,34px);line-height:1.1}h3{margin:24px 0 14px;font-size:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.field{flex-direction:column;gap:7px;display:flex}label{color:#333;font-size:13px;font-weight:700}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--black);background:#fff;border-radius:16px;outline:none;padding:14px 15px;font-size:15px;transition:border .18s,box-shadow .18s,background .18s}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 4px #b99a5b29}input[readonly]{background:var(--soft);color:var(--black);font-weight:800}textarea{resize:vertical;min-height:110px}.btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#111 0%,#2a2a2a 100%);border:0;border-radius:16px;padding:14px 20px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 14px 28px #1111112e}.btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px #11111138}.btn.secondary{color:var(--black);border:1px solid var(--line);box-shadow:none;background:#fff}.btn.secondary:hover{border-color:var(--gold)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.progress{background:#ebe7dd;border-radius:999px;height:10px;margin:16px 0 28px;overflow:hidden}.progress>div{background:linear-gradient(90deg, var(--black), var(--gold));height:100%;transition:width .25s}.checkbox-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:12px;min-height:58px;padding:15px 16px;transition:border .18s,box-shadow .18s,transform .18s,background .18s;display:flex}.checkbox-card:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 12px 28px #11111114}.checkbox-card input{width:18px;height:18px;accent-color:var(--black);flex:none}.checkbox-card:has(input:checked){border-color:var(--gold);background:linear-gradient(135deg,#fffaf0 0%,#fff 100%);box-shadow:0 10px 24px #b99a5b29}.notice{border:1px solid var(--line);border-left:4px solid var(--gold);color:#2d2d2d;background:linear-gradient(135deg,#fbfaf7 0%,#fff 100%);border-radius:18px;padding:16px 18px;line-height:1.6}.small{color:var(--muted);font-size:14px}.error{color:var(--danger);font-weight:800}.success{color:var(--success);font-weight:800}img{max-width:100%}@media (max-width:760px){.page{padding:16px}.card{border-radius:24px;padding:22px}.grid,.grid3{grid-template-columns:1fr}.header{flex-direction:column}.row{align-items:stretch}.row .btn{flex:1}input,textarea,select,.btn,.checkbox-card{font-size:16px}}
