:root { --ink:#111213; --paper:#f3f0ed; --brown:#65483a; --green:#4e9b55; --line:#d6d0ca; } * { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial,Helvetica,sans-serif; } .layout { position:relative; display:grid; grid-template-columns:1fr 1fr; min-height:100vh; }.brand { position:absolute; z-index:2; top:34px; left:clamp(24px,5vw,76px); display:grid; width:46px; height:46px; place-items:center; border-radius:14px; background:var(--brown); color:var(--green); font-size:32px; font-weight:800; text-decoration:none; }.copy { display:flex; flex-direction:column; justify-content:center; padding:130px clamp(30px,9vw,150px) 72px; background:radial-gradient(circle at 80% 35%,#d8ff6b 0 2%,transparent 25%),radial-gradient(circle at 70% 70%,#c9bcff 0 4%,transparent 30%),var(--paper); }.eyebrow { margin:0 0 18px; color:var(--brown); font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; } h1,h2,p { margin-top:0; } h1,h2 { letter-spacing:-.075em; line-height:.86; } h1 { margin-bottom:30px; font-size:clamp(62px,7vw,118px); } em { color:var(--green); font-style:normal; }.copy > p { max-width:420px; color:#615a55; font-size:18px; line-height:1.4; }.manifesto { display:flex; gap:12px; max-width:370px; margin-top:44px; padding-top:18px; border-top:1px solid var(--line); }.manifesto span { display:grid; width:26px; height:26px; place-items:center; border-radius:50%; background:var(--ink); color:#b8ff51; }.manifesto p { margin:4px 0 0; color:#5d5752; font-size:13px; line-height:1.35; }.card { display:flex; flex-direction:column; justify-content:center; padding:130px clamp(30px,8vw,130px) 72px; background:#fff; }.card h2 { margin-bottom:44px; font-size:clamp(46px,5vw,78px); }.card form { display:grid; gap:10px; max-width:430px; }.card label { margin-top:10px; color:var(--brown); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }.card input:not([type=checkbox]) { width:100%; border:0; border-bottom:2px solid var(--line); padding:11px 0; background:transparent; color:var(--ink); font:inherit; font-size:20px; outline:0; }.card input:focus { border-color:var(--ink); }.card button,.notice a { width:100%; margin-top:22px; border:0; border-radius:14px; padding:17px 20px; background:var(--ink); color:#fff; font:inherit; font-weight:700; text-align:left; text-decoration:none; cursor:pointer; }.card button span { float:right; color:#b8ff51; }.card button:disabled { opacity:.6; }.status { min-height:20px; margin:6px 0 0; color:#a3342b; font-size:13px; }.switch { margin-top:28px; color:#6e6761; font-size:14px; }.switch a { color:var(--ink); font-weight:700; }.consent { display:flex; gap:9px; margin-top:16px!important; color:#615a55!important; font-size:12px!important; letter-spacing:0!important; text-transform:none!important; }.consent input { margin:0; accent-color:var(--green); }.notice { position:fixed; z-index:5; inset:0; display:grid; place-items:center; padding:24px; background:rgb(17 18 19 / .72); }.notice[hidden] { display:none; }.notice > div { width:min(100%,440px); padding:38px; border-radius:24px; background:var(--paper); }.notice h2 { margin-bottom:25px; font-size:clamp(54px,10vw,82px); }.notice p:not(.eyebrow) { color:#5f5852; font-size:18px; line-height:1.35; }.notice a { display:block; margin-top:28px; text-align:center; } @media(max-width:760px){.layout{grid-template-columns:1fr}.copy{min-height:48vh;padding:125px 30px 56px}.copy>p{font-size:16px}.manifesto{display:none}.card{padding:58px 30px 70px}.card h2{margin-bottom:32px}.brand{top:23px;left:24px}}
.card select { width:100%; border:0; border-bottom:2px solid var(--line); padding:11px 0; background:transparent; color:var(--ink); font:inherit; font-size:20px; outline:0; }.card select:focus { border-color:var(--ink); }