:root { --ink:#09202d; --muted:#607783; --paper:#f8fbfc; --line:rgba(70,118,139,.18); --aqua:#7fdce9; --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { min-width:320px; margin:0; color:var(--ink); font-family:var(--sans); background:radial-gradient(circle at 6% 9%,rgba(126,224,244,.15),transparent 25rem),radial-gradient(circle at 94% 14%,rgba(158,193,255,.1),transparent 28rem),var(--paper); }
a { color:inherit; text-decoration:none; }
.review-page-header { width:min(1210px,calc(100% - 48px)); min-height:65px; margin:16px auto 0; padding:9px 14px 9px 16px; display:flex; align-items:center; justify-content:space-between; gap:22px; border:1px solid rgba(246,254,255,.9); border-radius:21px; background:rgba(248,253,255,.63); box-shadow:0 14px 34px rgba(31,83,112,.12),inset 0 1px 0 white; backdrop-filter:blur(22px) saturate(145%); }
.review-brand { display:inline-flex; align-items:center; gap:12px; }
.review-brand img { display:block; width:93px; height:auto; }
.review-brand span { padding-left:12px; border-left:1px solid rgba(59,116,141,.23); font:600 8px var(--sans); letter-spacing:.12em; }
.back-home { display:inline-flex; align-items:center; gap:8px; color:#557983; font:600 10px var(--sans); }
.back-home span { font-size:16px; }
.review-page-main { width:min(1060px,calc(100% - 48px)); min-height:calc(100vh - 238px); margin:0 auto; display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(60px,11vw,140px); padding:105px 0 92px; align-items:start; }
.eyebrow { margin:0; color:#3b7896; font:500 10px var(--sans); letter-spacing:.13em; }
.review-page-intro { padding-top:24px; }
.review-page-intro h1 { margin:17px 0 18px; font:600 clamp(43px,5vw,62px)/1.02 var(--sans); letter-spacing:-.065em; }
.review-page-intro > p:last-child { max-width:340px; margin:0; color:var(--muted); font-size:14px; line-height:1.72; }
.review-submission-form { padding:32px 35px; border:1px solid rgba(255,255,255,.88); border-radius:27px; background:rgba(255,255,255,.6); box-shadow:0 20px 50px rgba(32,79,88,.12),inset 0 1px 0 white; backdrop-filter:blur(20px) saturate(145%); }
.review-submission-fields { display:grid; grid-template-columns:1fr 1fr; gap:19px; }
.review-submission-fields label { display:flex; flex-direction:column; gap:7px; }
.review-submission-fields label span { color:#70878a; font-size:9px; }
.review-submission-fields input,.review-submission-fields select,.review-submission-fields textarea { min-width:0; width:100%; border:0; border-bottom:1px solid #b8c7c9; border-radius:0; outline:0; background:transparent; color:var(--ink); font:400 12px var(--sans); }
.review-submission-fields input,.review-submission-fields select { min-height:35px; padding:4px 0 9px; }
.review-submission-fields select { cursor:pointer; }
.review-submission-fields textarea { min-height:116px; padding:4px 0 9px; line-height:1.58; resize:vertical; }
.review-submission-fields input:focus,.review-submission-fields select:focus,.review-submission-fields textarea:focus { border-color:var(--ink); }
.review-rating,.review-message { grid-column:span 2; }
.review-submit { width:100%; min-height:50px; margin-top:26px; display:inline-flex; align-items:center; justify-content:center; gap:27px; border:1px solid rgba(246,254,255,.9); border-radius:15px; background:linear-gradient(135deg,rgba(255,255,255,.91),rgba(182,239,249,.81)); box-shadow:0 10px 24px rgba(36,112,151,.14),inset 0 1px 0 white; color:var(--ink); font:700 12px var(--sans); transition:transform .18s ease; }
.review-submit:hover { transform:translateY(-2px); }
.review-submit span { color:#217e9f; font-size:19px; }
.review-submit:disabled { cursor:default; opacity:.72; }
.review-submission-success { display:flex; align-items:center; gap:10px; margin-top:18px; padding:14px; background:rgba(211,250,246,.72); color:#295254; }
.review-submission-success > span { width:23px; height:23px; display:grid; place-items:center; border-radius:50%; background:var(--aqua); font-size:11px; }
.review-submission-success p { margin:2px 0 0; font-size:10px; }
.review-submission-success b { font-size:11px; }
.review-submission-fallback { margin-top:17px; color:#607783; font-size:10px; line-height:1.55; text-align:center; }
.review-submission-fallback b { display:block; color:var(--ink); font-size:11px; }
.review-submission-fallback a { display:inline-block; margin-top:5px; border-bottom:1px solid currentColor; color:#217e9f; font-weight:700; }
.honeypot { display:none !important; }
.review-page-footer { width:min(1060px,calc(100% - 48px)); min-height:92px; margin:0 auto; display:flex; align-items:center; gap:28px; border-top:1px solid rgba(255,255,255,.7); color:#657b7f; font-size:10px; }
.review-footer-logo { display:inline-flex; flex:0 0 auto; }
.review-footer-logo img { display:block; width:92px; height:auto; }
.review-page-footer .review-footer-journal { color:#587a83; font:500 8px var(--sans); letter-spacing:.08em; text-transform:uppercase; }
.review-page-footer .review-footer-journal span { color:#217e9f; font-size:11px; }
.review-page-footer p { margin:0 0 0 auto; color:#8b9a9d; font-size:8px; }
@media (max-width:800px) { .review-page-header,.review-page-main,.review-page-footer { width:min(100% - 32px,590px); } .review-brand img { width:87px; } .review-brand span { display:none; } .review-page-main { min-height:0; grid-template-columns:1fr; gap:38px; padding:70px 0; } .review-page-intro { padding-top:0; } .review-submission-form { padding:27px 18px; } .review-page-footer { display:grid; grid-template-columns:92px minmax(0,1fr); align-items:center; column-gap:18px; row-gap:12px; padding:28px 0 30px; } .review-footer-logo { grid-column:1; grid-row:1 / span 2; align-self:center; } .review-page-footer .review-footer-journal { grid-column:2; grid-row:1; min-height:37px; display:flex; align-items:center; } .review-page-footer > a:not(.review-footer-logo):not(.review-footer-journal) { grid-column:2; grid-row:2; min-height:37px; display:flex; align-items:center; border-top:1px solid rgba(255,255,255,.66); color:#657b7f; font:500 9px var(--sans); letter-spacing:.04em; } .review-page-footer p { grid-column:1 / -1; width:auto; margin:7px 0 0; padding-top:16px; border-top:1px solid rgba(255,255,255,.66); } }
@media (max-width:430px) { .review-submission-fields { grid-template-columns:1fr; } .review-rating,.review-message { grid-column:span 1; } .review-page-footer { grid-template-columns:84px minmax(0,1fr); column-gap:14px; row-gap:10px; padding:26px 0 28px; } .review-footer-logo img { width:84px; } .review-page-footer .review-footer-journal,.review-page-footer > a:not(.review-footer-logo):not(.review-footer-journal) { min-height:35px; } }