.friend-hero{padding:145px max(24px,6vw) 60px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:44px;background:radial-gradient(ellipse at 90% 10%,#3a183b,#071512 72%)}.friend-hero h1,.friend-account h1{font:400 clamp(40px,4.5vw,70px)/1.04 var(--serif);margin:18px 0 22px}.friend-hero p{line-height:1.65;max-width:650px}.friend-hero>.friend-intro>p:not(.overline){font-size:18px}.friend-hero figure{margin:0;min-width:0}.friend-hero img{display:block;width:100%;height:auto;object-fit:contain}.friend-hero figcaption{font-size:12px;color:var(--ink-soft);margin-top:10px}.friend-milestones,.friend-dialog-milestones{display:flex;gap:22px;border-block:1px solid #b89b596b;margin:24px 0;padding:18px 0}.friend-milestones p,.friend-dialog-milestones p{margin:0;display:flex;flex-direction:column;gap:7px;flex:1}.friend-milestones strong,.friend-dialog-milestones strong{font-size:25px;color:#f5cc83}.friend-cumulative{color:#8ff0dd}.friend-deadline{color:#f5cc83}.friend-content{max-width:1120px;margin:auto;padding:70px 24px}.friend-content h2,.friend-home-band h2{font:400 clamp(30px,3.7vw,48px)/1.1 var(--serif);margin:14px 0 24px}.friend-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 50px;padding-left:24px;margin:40px 0 65px}.friend-steps li{padding-left:6px;line-height:1.75}.friend-steps strong{font-size:21px}.friend-steps p,.friend-rules li{color:var(--ink-soft);line-height:1.8}.friend-rules{border-top:1px solid var(--line);padding-top:30px}.friend-rules li{margin:10px 0}.friend-notice,.friend-inviter{padding:20px;background:#122f2a;border-left:3px solid #8ff0dd;line-height:1.7}.friend-account.shop-section{padding-top:130px;max-width:1100px}.friend-account>p{line-height:1.7}.friend-share{padding:24px;border:1px solid var(--line);margin:28px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px}.friend-share label{display:flex;flex-direction:column;gap:9px;min-width:0}.friend-share input{width:100%;min-width:0;border:1px solid var(--line);background:#0c2220;padding:14px;color:var(--ink);box-sizing:border-box}.friend-share [role=status]{grid-column:1/-1;margin:0;color:#8ff0dd}.friend-progress{margin:30px 0;padding:20px 0;border-block:1px solid var(--line)}.friend-progress strong{font-size:36px;color:#8ff0dd}.friend-progress p{line-height:1.7}.friend-reward-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:25px 0 40px}.friend-reward-list article{border-left:2px solid #bd9b5b;padding:10px 20px}.friend-reward-list h3{font:400 30px/1.15 var(--serif)}.friend-status-list{list-style:none;padding:0}.friend-status-list li{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.friend-status-list span{color:#8ff0dd}.friend-admin-record{margin:25px 0;padding:24px;border:1px solid var(--line)}.friend-admin-record form{max-width:720px}.friend-admin-record h3{overflow-wrap:anywhere}
.friend-home-band{max-width:1280px;margin:25px auto 0;padding:30px 24px;display:flex;align-items:center;gap:25px;border-block:1px solid #b89b596b}.friend-home-band>div{flex:1}.friend-home-band h2{font-size:clamp(28px,3vw,38px);margin:10px 0}.friend-home-band p{line-height:1.6}.friend-home-band .button{white-space:nowrap}.friend-home-band button{border:0;background:transparent;color:#8ff0dd;cursor:pointer;min-height:44px}
.friend-invitation{width:min(980px,calc(100vw - 28px));max-width:none;max-height:calc(100svh - 28px);margin:auto;padding:0;border:1px solid #c6a66a;background:#0b1d19;color:var(--ink);overflow:auto;box-shadow:0 24px 100px #000a}.friend-invitation::backdrop{background:#020b0ddb}.friend-invitation>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101827}.friend-close{position:absolute;z-index:2;top:10px;right:10px;width:44px;height:44px;border:1px solid #ceb274;background:#061612f2;color:#fff;font:32px/1 Arial;cursor:pointer}.friend-dialog-copy{padding:25px 34px 30px}.friend-dialog-copy h2{font:400 clamp(30px,4vw,48px)/1.03 var(--serif);margin:12px 0}.friend-dialog-copy .overline{color:#f5cc83}.friend-dialog-milestones{margin:18px 0 12px;padding:13px 0}.friend-dialog-milestones strong{font-size:23px}.friend-dialog-copy>p:not(.overline){font-size:14px;line-height:1.65;color:var(--ink-soft)}.friend-dialog-copy .button{margin:10px 16px 0 0}.friend-dialog-copy button{min-height:44px;border:0;background:transparent;color:#8ff0dd;cursor:pointer}.friend-invitation :focus-visible{outline:3px solid #8ff0dd;outline-offset:-3px}html.friend-invitation-open{overflow:hidden}
@media(max-width:900px){.friend-hero{grid-template-columns:1fr;padding-top:115px;gap:30px}.friend-hero figure{grid-row:1}.friend-hero>.friend-intro{grid-row:2}.friend-hero h1{font-size:clamp(40px,7vw,65px)}.friend-home-band{flex-wrap:wrap}.friend-home-band>div{flex-basis:100%}.friend-invitation{width:min(720px,calc(100vw - 24px))}.friend-dialog-copy{padding:22px}}
@media(max-width:600px){.friend-hero{padding:95px 18px 35px;gap:24px}.friend-hero h1{font-size:42px}.friend-hero>.friend-intro>p:not(.overline){font-size:16px}.friend-milestones{gap:15px}.friend-milestones strong{font-size:23px}.friend-milestones span{font-size:14px}.friend-hero .button{display:block;text-align:center}.friend-content{padding:40px 18px}.friend-steps{grid-template-columns:1fr;gap:20px;margin:30px 0 45px}.friend-account.shop-section{padding-top:105px}.friend-share{grid-template-columns:1fr;padding:18px}.friend-reward-list{grid-template-columns:1fr;gap:16px}.friend-status-list li{flex-direction:column}.friend-home-band{margin:15px 18px 0;padding:22px 0;gap:14px}.friend-home-band .button{white-space:normal;width:100%;text-align:center}.friend-dialog-copy{padding:18px}.friend-dialog-copy h2{font-size:30px}.friend-dialog-milestones{gap:15px}.friend-dialog-milestones strong{font-size:20px}.friend-dialog-milestones p{font-size:13px}.friend-dialog-copy .button{display:block;text-align:center;margin-right:0}.friend-dialog-copy>p:not(.overline){font-size:13px}.friend-dialog-copy .overline{font-size:10px;letter-spacing:.08em}.friend-admin-record{padding:16px}}
@media(prefers-reduced-motion:no-preference){.friend-invitation[open]{animation:friend-arrive .18s ease-out}@keyframes friend-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}