@import url('assets/fonts/typography.css');
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
*{box-sizing:border-box}
:root{color-scheme:light}
body{margin:0;color:#24252a;background:radial-gradient(ellipse at 12% 30%,#e0dfe6,transparent 55%),radial-gradient(ellipse at 90% 75%,#e5e6dd,transparent 60%),#f0f1f3;font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}
header{display:flex;justify-content:space-between;align-items:center;padding:30px 5vw}
a{color:inherit;text-decoration:none}
.brand{font-size:17px;letter-spacing:.18em;font-weight:550}
.brand span{display:block;font-size:9px;letter-spacing:.15em;margin-top:8px}
.back{font-size:12px}
main{max-width:800px;margin:45px auto 90px;padding:0 24px}
.intro>p:first-child{font-size:10px;letter-spacing:.2em}
h1{font-size:clamp(30px,4vw,46px);font-weight:450;letter-spacing:-.04em;line-height:1.2;margin:18px 0}
.intro-copy{font-size:14px;line-height:1.6;margin-bottom:32px;color:#55565e}
form{padding:32px;background:linear-gradient(120deg,#ffffff80,#ffffff30);border:1px solid #ffffffd0;border-radius:20px;box-shadow:inset 0 1px #fff,0 18px 60px #302d4010;backdrop-filter:blur(24px)}
label{display:block;font-size:12px;font-weight:550;line-height:1.5;margin-bottom:22px}
.optional{font-size:10px;font-weight:400;color:#666870;margin-left:6px}
input,textarea,select,button{font:inherit}
input:not([type=radio]),textarea,select{display:block;width:100%;margin-top:9px;padding:12px 14px;font-size:14px;font-weight:400;line-height:1.5;color:#24252a;background:#ffffff55;border:1px solid #ffffff;border-radius:9px;outline:none}
input::placeholder,textarea::placeholder{color:#777982}
textarea{resize:vertical}
input:focus,textarea:focus,select:focus{border-color:#747b62;box-shadow:0 0 0 2px #c8ff1940}
.row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
fieldset{padding:0;border:0;margin:6px 0 22px;min-width:0}
legend{font-size:12px;font-weight:550;margin-bottom:12px}
.methods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.methods label{position:relative;margin:0}
.methods input{position:absolute;opacity:0}
.methods span{display:block;text-align:center;padding:12px 6px;border:1px solid #fff;border-radius:9px;background:#ffffff35;font-size:12px;font-weight:450;cursor:pointer}
.methods input:checked+span{background:#e7efc9;border-color:#98a675}
.methods input:focus-visible+span{outline:2px solid #454c32;outline-offset:3px}
.form-footer{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-top:30px}
.form-footer p{font-size:11px;color:#64666e;max-width:260px;line-height:1.6;margin:0}
button{padding:14px 22px;white-space:nowrap;border:1px solid #c7d497;background:#e4edc8;color:#282e1d;border-radius:10px;cursor:pointer;font-size:12px;font-weight:550}
button:hover{background:#d8e8ac}button:disabled{opacity:.6;cursor:wait}
button:focus-visible,a:focus-visible{outline:2px solid #48502f;outline-offset:4px}
#result{font-size:13px;line-height:1.6;margin:18px 0 0}#result:empty{display:none}
#result[data-state=error]{color:#98353b}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.language-switch{display:flex;gap:4px;margin-left:auto;margin-right:24px}
.language-switch button{padding:8px;background:transparent;border:0;font-size:10px;opacity:.5}
.language-switch button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){header{padding:24px}main{margin-top:24px;padding:0 16px}form{padding:22px 18px}.row{grid-template-columns:1fr;gap:0}.methods{grid-template-columns:1fr 1fr}.form-footer{align-items:stretch;flex-direction:column;gap:18px}.form-footer p{max-width:none}}
body { background:#f2f2f4; }
body::before { content:""; position:fixed; inset:0; z-index:-1; background:url('assets/brief-camera.jpg') 66% center/cover no-repeat; }
header { position:relative; z-index:2; }
main { width:min(650px,52vw); max-width:none; margin:32px 0 70px 4vw; padding:0; }
.intro { padding:20px 26px; margin-bottom:18px; border-radius:18px; background:linear-gradient(120deg,#ffffff70,#ffffff18); backdrop-filter:blur(8px); }
h1 { font-size:clamp(28px,3vw,42px); }
.intro-copy { margin-bottom:0; color:#36373d; }
form { background:linear-gradient(130deg,rgba(255,255,255,.33),rgba(255,255,255,.13) 60%,rgba(247,229,239,.2)); border:1px solid #ffffffc9; backdrop-filter:blur(18px) saturate(110%); -webkit-backdrop-filter:blur(18px) saturate(110%); box-shadow:inset 0 1px #fff,inset 0 -1px #ffffff70,0 18px 50px #4b29421c; }
label,legend { font-weight:450; }
input:not([type=radio]),textarea,select { background:#ffffff35; border-color:#ffffffb0; }
input::placeholder,textarea::placeholder { color:#58565e; }
.optional,.form-footer p { color:#47434c; }
@media(max-width:900px) {
 body::before { background-image:url('assets/brief-portrait.jpg'); background-position:65% top; }
 main { width:auto; margin:32svh 20px 60px; }
 .intro { background:#ffffff75; }
 form { background:linear-gradient(120deg,#ffffff70,#ffffff40); backdrop-filter:blur(22px); }
}
@media(max-width:600px) { main { margin:28svh 16px 40px; } header { padding:22px 18px; } .language-switch { margin-right:12px; } }

body { font-family:Onest,sans-serif; }
h1 { font-weight:300; letter-spacing:-.025em; }
.brand { font-weight:450; }
input,textarea,select { font-family:'Golos Text',sans-serif; }

[hidden]{display:none!important}.brief-3d{margin:4px 0 24px;padding:22px 20px 0;border:1px solid #bec3b6;border-radius:12px;background:#ffffff45}.brief-3d legend{padding:0 8px;font-size:15px}.section-note{font-size:12px;line-height:1.7;font-weight:400;color:#55565e;margin:0 0 20px}.brief-3d .row{gap:16px}@media(max-width:600px){.brief-3d{padding:16px 14px 0}.brief-3d .row{grid-template-columns:1fr;gap:0}}