* { box-sizing: border-box; }
    :root { --saffron:#E8A000; --cream:#FAF5EC; --dark:#1A1208; --sand:#D4B896; }
    body { margin:0; min-height:100vh; background:var(--dark); color:var(--cream); font-family:'DM Sans',sans-serif; display:flex; flex-direction:column; }
    a { color:var(--sand); text-decoration:none; }
    a:hover { color:var(--saffron); }
    a:focus-visible, button:focus-visible { outline:2px solid var(--saffron); outline-offset:5px; }
    nav { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px clamp(24px,6vw,80px); border-bottom:1px solid #e8a00026; }
    .logo { font-family:'Bebas Neue',sans-serif; font-size:30px; letter-spacing:.15em; color:var(--cream); }
    .logo span { color:var(--saffron); }
    .nav-links { display:flex; gap:24px; font-size:13px; }
    main { flex:1; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(40px,8vw,120px); width:min(1080px,100%); margin:auto; padding:64px 28px; }
    .eyebrow { color:var(--saffron); font-size:11px; font-weight:500; letter-spacing:.25em; text-transform:uppercase; }
    h1 { font-family:'Playfair Display',serif; font-size:clamp(42px,5vw,64px); line-height:1.15; font-weight:400; margin:24px 0; }
    h1 em { color:var(--saffron); }
    .intro { color:var(--sand); font-size:15px; line-height:1.8; max-width:34ch; }
    .rule { width:56px; height:2px; background:var(--saffron); margin:32px 0; }
    .location { color:var(--sand); font-size:11px; letter-spacing:.16em; text-transform:uppercase; }
    .card { background:linear-gradient(140deg,#302216,#21180e); border:1px solid #e8a00033; padding:clamp(24px,4vw,44px); }
    h2 { font-family:'Playfair Display',serif; font-weight:400; font-size:30px; margin:0 0 12px; }
    .subheading { color:var(--sand); font-size:14px; line-height:1.6; margin:0 0 28px; }
    label { display:block; font-size:13px; margin:20px 0 9px; }
    input { width:100%; min-width:0; padding:14px; background:#1a1208; border:1px solid #d4b89666; border-radius:0; color:var(--cream); font:inherit; font-size:16px; }
    input::placeholder { color:#b5a08a; }
    input:focus { outline:2px solid var(--saffron); outline-offset:2px; }
    .password-wrap { position:relative; }
    .password-wrap input { padding-right:76px; }
    button { font:inherit; cursor:pointer; }
    .toggle { position:absolute; right:4px; top:4px; bottom:4px; width:66px; border:0; background:transparent; color:var(--sand); font-size:13px; }
    .submit { width:100%; margin-top:26px; border:0; padding:15px; background:var(--saffron); color:var(--dark); font-size:13px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; }
    .submit:hover { background:#f5b324; }
    .notice { font-size:12px; color:var(--sand); line-height:1.7; margin:20px 0 0; }
    #status { color:var(--cream); font-size:14px; line-height:1.6; }
    #status:empty { display:none; }
    .guest { display:block; text-align:center; font-size:13px; margin-top:26px; }
    footer { text-align:center; padding:24px; color:var(--sand); font-size:11px; border-top:1px solid #e8a0001a; }
    @media(max-width:700px) { main { grid-template-columns:1fr; gap:30px; padding:36px 24px; max-width:500px; } h1 { font-size:42px; margin:16px 0; } .rule,.location { display:none; } .intro { margin-bottom:0; } }
  
[hidden]{display:none!important} button:disabled{opacity:.55;cursor:wait} .form-links{display:flex;justify-content:space-between;gap:16px;margin-top:24px;font-size:13px}
.profile-details{margin:24px 0}.profile-details dt{font-size:12px;color:var(--sand);margin-top:22px}.profile-details dd{margin:7px 0 0;overflow-wrap:anywhere;font-size:17px}.outline-button{background:transparent;border:1px solid #d4b89666;color:var(--cream);padding:12px 18px;font:inherit;font-size:13px;cursor:pointer}.outline-button:hover{border-color:var(--saffron);color:var(--saffron)}.edit-actions{display:flex;gap:12px;margin-top:24px}.edit-actions .submit{margin:0;width:auto;flex:1}.account-security{border-top:1px solid #d4b89633;margin:30px 0;padding-top:24px}.account-security h3{font-size:17px;font-weight:500;margin:0}.account-security .notice{margin:8px 0 16px}.account-security a{font-size:14px} body[data-page="account"] .guest{text-align:left}

main > *, .card { min-width:0; } .form-links { flex-wrap:wrap; } .nav-links a, .form-links a, .guest, .account-security a { display:inline-flex;align-items:center;min-height:44px; } button { min-height:44px; } button:disabled{cursor:default} @media(max-width:700px){ main{padding:24px 20px;gap:24px} h1{font-size:34px} h1 br{display:none} h1 em{display:block} .intro{font-size:14px} nav{padding:14px 20px;gap:12px}.nav-links{gap:16px} .card{padding:24px 20px} } @media(max-width:360px){.edit-actions{flex-direction:column}.form-links{gap:4px 16px}}