*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui;background:#050b14;color:#f7f4ec}
a{color:#f2d98b}
.wrap{width:min(1100px,calc(100% - 32px));margin:auto}
.header{padding:22px 0;border-bottom:1px solid rgba(216,183,91,.25);background:#071326}
.brand{font-family:Georgia,serif;font-size:1.35rem;letter-spacing:.12em}
.support-hero{position:relative;isolation:isolate;width:100%;overflow:hidden;background:linear-gradient(180deg,#081220 0%,#030913 100%);border:1px solid rgba(242,217,139,.78);border-radius:18px;box-shadow:0 0 0 1px rgba(255,236,169,.28) inset,0 0 14px rgba(242,217,139,.52),0 0 34px rgba(216,183,91,.38),0 0 72px rgba(216,183,91,.22);animation:heroBorderPulse 3.8s ease-in-out infinite;margin:18px auto 0;max-width:min(1800px,calc(100% - 24px))}
.support-hero::before{content:'';position:absolute;z-index:4;inset:0;pointer-events:none;border:1px solid rgba(255,239,184,.92);border-radius:18px;box-shadow:inset 0 0 18px rgba(255,226,133,.28),inset 0 0 42px rgba(216,183,91,.12);mix-blend-mode:screen}
.support-hero::after{content:'';position:absolute;z-index:1;inset:-16px;pointer-events:none;border-radius:28px;background:radial-gradient(circle at 0 0,rgba(255,236,170,.72),transparent 20%),radial-gradient(circle at 100% 0,rgba(255,236,170,.72),transparent 20%),radial-gradient(circle at 0 100%,rgba(216,183,91,.55),transparent 22%),radial-gradient(circle at 100% 100%,rgba(216,183,91,.55),transparent 22%);filter:blur(13px);opacity:.78;animation:heroCornerShimmer 4.6s ease-in-out infinite}
.support-hero-figure{position:relative;z-index:2;padding:10px 10px 0}
.support-hero-image{display:block;width:100%;height:clamp(220px,31vw,540px);object-fit:contain;object-position:center center}
.support-hero-glow{position:absolute;z-index:0;left:50%;top:34%;width:min(80vw,1250px);height:min(55vw,620px);transform:translate(-50%,-50%);border-radius:40px;background:radial-gradient(circle,rgba(242,217,139,.34) 0%,rgba(216,183,91,.22) 34%,rgba(216,183,91,.10) 58%,rgba(216,183,91,0) 78%);filter:blur(30px);animation:heroGlowPulse 3.8s ease-in-out infinite;pointer-events:none}
.support-hero-copy{position:relative;z-index:3;padding:10px 18px 20px;text-align:center;background:linear-gradient(180deg,rgba(8,18,32,.08) 0%,rgba(11,9,5,.6) 25%,rgba(16,12,5,.78) 100%)}
.support-hero-slogan{display:inline-block;padding:14px 28px;border-radius:999px;border:1px solid rgba(255,239,184,.65);background:linear-gradient(180deg,rgba(37,27,8,.24),rgba(15,11,3,.54));backdrop-filter:blur(4px);font-family:Georgia,serif;font-weight:700;font-size:clamp(1.05rem,2.4vw,2.45rem);line-height:1.1;letter-spacing:.03em;color:#fff6d6;text-shadow:0 0 6px rgba(255,245,205,.95),0 0 14px rgba(255,226,133,.9),0 0 26px rgba(242,217,139,.85),0 0 44px rgba(216,183,91,.78),0 2px 10px rgba(0,0,0,.45);box-shadow:0 0 0 1px rgba(255,243,194,.14) inset,0 0 18px rgba(255,229,140,.34),0 0 44px rgba(216,183,91,.28)}
.hero-fallback{padding:46px 0;background:radial-gradient(circle at 20% 0,#18375f,#071326 60%,#050b14)}
.hero-fallback h1{font:clamp(2.4rem,6vw,4.8rem)/.95 Georgia,serif;color:#f2d98b;margin:0 0 16px}
.hero-fallback p{margin:0;color:#dce4ef;line-height:1.7}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:34px 0 42px}
.card{background:linear-gradient(180deg,rgba(73,54,18,.95) 0%,rgba(28,20,8,.98) 100%);border:1px solid rgba(242,217,139,.56);border-radius:18px;padding:26px;box-shadow:0 14px 34px rgba(0,0,0,.26),0 0 0 1px rgba(255,236,169,.08) inset,0 0 28px rgba(216,183,91,.08)}
.card h2{margin:0 0 16px;color:#ffe9a8;text-shadow:0 1px 10px rgba(216,183,91,.18)}
.faq details{padding:14px 0;border-bottom:1px solid rgba(255,236,169,.18)}
.faq summary{cursor:pointer;color:#fff2c8;font-weight:700}
.faq p{color:#f7f0dd}
label{display:grid;gap:7px;margin:12px 0;color:#ffefc0;font-weight:600}
input,textarea,select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(242,217,139,.65);background:rgba(255,247,225,.96);color:#2c1d04;box-shadow:0 1px 0 rgba(255,255,255,.42) inset,0 0 0 1px rgba(255,236,169,.12)}
input::placeholder,textarea::placeholder{color:#7b6642}
textarea{min-height:160px;resize:vertical}
select{appearance:auto}
input:focus,textarea:focus,select:focus{outline:none;border-color:#ffd86b;box-shadow:0 0 0 3px rgba(242,217,139,.26),0 1px 0 rgba(255,255,255,.5) inset}
button{padding:12px 18px;border:0;border-radius:10px;background:linear-gradient(180deg,#f2d98b 0%,#d8b75b 100%);color:#2e2005;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.footer{padding:36px 0;border-top:1px solid rgba(255,255,255,.08);color:#aeb9c9}
.notice{padding:14px;border-radius:10px;background:rgba(216,183,91,.14);border:1px solid rgba(242,217,139,.28);color:#fff3ca}
@keyframes heroGlowPulse{0%,100%{opacity:.68;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}}
@keyframes heroBorderPulse{0%,100%{box-shadow:0 0 0 1px rgba(255,236,169,.24) inset,0 0 12px rgba(242,217,139,.46),0 0 30px rgba(216,183,91,.32),0 0 62px rgba(216,183,91,.17)}50%{box-shadow:0 0 0 1px rgba(255,242,193,.42) inset,0 0 20px rgba(255,230,145,.72),0 0 48px rgba(216,183,91,.52),0 0 96px rgba(216,183,91,.3)}}
@keyframes heroCornerShimmer{0%,100%{opacity:.58;transform:scale(.985)}50%{opacity:1;transform:scale(1.015)}}
@media(max-width:980px){.support-hero-image{height:clamp(210px,36vw,430px)}.support-hero-glow{width:min(95vw,860px);height:min(62vw,460px)}}
@media(max-width:760px){.grid{grid-template-columns:1fr}.support-hero{margin-top:10px;border-radius:14px}.support-hero::before{border-radius:14px}.support-hero::after{inset:-10px;filter:blur(9px);opacity:.58}.support-hero-figure{padding:8px 8px 0}.support-hero-image{height:clamp(170px,48vw,290px);object-fit:contain}.support-hero-glow{top:30%;width:min(96vw,520px);height:min(76vw,320px);filter:blur(20px)}.support-hero-copy{padding:8px 10px 16px}.support-hero-slogan{padding:10px 18px;font-size:clamp(.92rem,4.8vw,1.45rem);line-height:1.18;border-radius:18px}.hero-fallback{padding:34px 0 20px}.card{padding:20px}}
@media(prefers-reduced-motion:reduce){.support-hero,.support-hero-glow,.support-hero::after{animation:none}}