/* One continuous scene shared by every section. */
html{background:#020b09;overflow-x:clip}
body{background:transparent;isolation:isolate;overflow-x:clip}
#site{overflow-x:clip}
body::before{content:'';position:fixed;inset:-18%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 82% 12%,#0a6b5a52,transparent 42%),radial-gradient(ellipse at 12% 78%,#d6a94f1c,transparent 38%),radial-gradient(ellipse at 58% 56%,#08766d2b,transparent 48%),#020b09;background-size:118% 118%,125% 125%,135% 135%,auto;animation:fox-aurora 24s ease-in-out infinite alternate;will-change:transform,background-position}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--scene-light,.16);background:linear-gradient(115deg,transparent 12%,#18a99a18 35%,transparent 52%,#d6a94f12 72%,transparent 88%),repeating-linear-gradient(112deg,transparent 0 92px,#f1ce7608 93px,#18a99a05 94px,transparent 95px 188px);background-size:180% 180%,auto;animation:fox-sheen 18s linear infinite;will-change:opacity,background-position}
@keyframes fox-aurora{0%{transform:translate3d(-2%,-1%,0) scale(1);background-position:0 0,100% 100%,50% 20%,0 0}50%{transform:translate3d(2%,1%,0) scale(1.03);background-position:8% 5%,92% 94%,55% 48%,0 0}100%{transform:translate3d(-1%,2%,0) scale(1.015);background-position:3% 10%,98% 88%,42% 65%,0 0}}
@keyframes fox-sheen{0%{background-position:130% 0,0 0}100%{background-position:-80% 100%,0 0}}
#site main .section,#site main .section.light{background:transparent;color:#f4f1e8;isolation:auto;border-top:0;padding:100px 0}
#site main .section::before,#site main .section::after{display:none}
#site main .page-head{border-bottom:0}
#site main .section.light p,#site main .section.light .stat span,#site main .section.light .requirements span,#site main .section.light .field span{color:#b3c8bf}
#site main .section.light .eyebrow,#site main .section.light .num,#site main .section.light .tag,#site main .section.light .stat strong{color:#f1ce76}
#site main .section.light .glass{background:linear-gradient(135deg,#0a493d9e,#062c258f 65%,#031912bd);border-color:#d6a94f66;box-shadow:inset 0 1px #fff2,0 25px 65px #0002;backdrop-filter:blur(16px)}
#site main .section.light .grid.three .card:nth-child(2){background:linear-gradient(135deg,#0d554799,#062c25b3)}
#site main .section.light .card{border-radius:23px}
#site main .section.light .result{background:linear-gradient(135deg,#075244,#04251f)}
#site main .section.light .result p{color:#c1d6cc}
#site main .section.light .steps article:before{color:#f1ce76;background:linear-gradient(135deg,#d6a94f22,#07524433)}
#site main .section.light td{color:#d3e1db}
#site main .section.light .notice{color:#b3c8bf;background:#04251f55}
#site .footer{background:transparent;border-top-color:#d6a94f20}
@media(max-width:800px){#site main .section,#site main .section.light{padding:72px 0}}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none;will-change:auto}body::after{opacity:.2}}

/* Premium depth: translucent surfaces, moving reflections and local light. */
#site .header{box-shadow:0 20px 70px #0005,inset 0 1px #fff2,0 0 45px #18a99a0c;background:linear-gradient(110deg,#03251fd9,#063b33e8 55%,#04251fda);backdrop-filter:blur(22px) saturate(125%)}
#site main .section>.wrap:before{content:'';position:absolute;z-index:-1;width:360px;height:360px;right:-120px;top:8%;border-radius:50%;background:radial-gradient(circle,#18a99a13,transparent 68%);filter:blur(18px);pointer-events:none}
#site main #points .activity-action-grid{perspective:1200px;align-items:stretch}
#site main #points .activity-action{isolation:isolate;border-color:#d6a94f66;background:radial-gradient(circle at 86% 7%,#18a99a30,transparent 34%),linear-gradient(145deg,#0b5144d9,#06352de8 54%,#031b17f2);box-shadow:inset 0 1px #fff3,inset 0 -1px #d6a94f1f,0 26px 60px #001f1852;backdrop-filter:blur(18px) saturate(120%);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s,box-shadow .45s,filter .45s}
#site main #points .activity-action:nth-child(2),#site main #points .activity-action:nth-child(4){transform:translateY(24px)}
#site main #points .activity-action:before{content:'';position:absolute;inset:-2px;z-index:-1;border-radius:inherit;background:linear-gradient(115deg,transparent 22%,#ffe7a32b 43%,#18a99a20 52%,transparent 72%);background-size:260% 100%;background-position:120% 0;opacity:.7;transition:background-position .8s ease,opacity .5s;pointer-events:none}
#site main #points .activity-action:after{right:-64px;top:-64px;width:170px;height:170px;border-color:#f1ce7644;box-shadow:0 0 55px #18a99a18,inset 0 0 35px #d6a94f12}
#site main #points .activity-action:hover{transform:translateY(-10px) rotateX(1.2deg);border-color:#ffe7a3aa;box-shadow:inset 0 1px #fff5,0 38px 85px #00150fa8,0 0 45px #18a99a22;filter:brightness(1.08)}
#site main #points .activity-action:nth-child(2):hover,#site main #points .activity-action:nth-child(4):hover{transform:translateY(10px) rotateX(1.2deg)}
#site main #points .activity-action:hover:before{background-position:-55% 0;opacity:1}
#site main #points .activity-action h3{color:#f4f1e8;text-shadow:0 2px 18px #0007}
#site main #points .activity-action p{color:#b8ccc4}
#site main #points .activity-action>strong{color:#ffe7a3;border-top-color:#d6a94f45}
#site main #points .activity-action .num{color:#f1ce76}

/* Activity level route */
#site main .level-track{max-width:690px;gap:10px;padding:12px 0 12px 18px}
#site main .level-track:before{left:49px;top:44px;bottom:44px;width:2px;background:linear-gradient(180deg,#18a99a55,#f1ce76 24%,#18a99a66 52%,#d6a94f55);box-shadow:0 0 22px #18a99a33}
#site main .rank{width:calc(100% - 34px);min-height:74px;padding:11px 22px 11px 12px;border:1px solid #3e746655;border-radius:18px;background:linear-gradient(110deg,#06362d99,#031a16a6 72%,transparent);box-shadow:inset 0 1px #fff1;backdrop-filter:blur(14px);transition:width .35s,transform .35s,border-color .35s,background .35s,box-shadow .35s}
#site main .rank:nth-child(even){width:calc(100% - 6px)}
#site main .rank:hover{transform:translateX(7px);border-color:#d6a94f77;background:linear-gradient(110deg,#084a3ddd,#04241ed9 72%,#d6a94f0b);box-shadow:inset 0 1px #fff2,0 16px 38px #0004}
#site main .rank>span{flex:0 0 52px;width:52px;height:52px;border-color:#4e8c7c;background:radial-gradient(circle at 35% 28%,#0d5d4e,#031913 68%);box-shadow:0 0 0 7px #031913,0 0 22px #18a99a20;color:#9eb5ac}
#site main .rank strong{font-size:17px;color:#a9bbb5;letter-spacing:.06em}
#site main .rank small{color:#6f8d83;font-size:13px}
#site main .rank.current{width:100%;min-height:88px;border-color:#f1ce76aa;background:radial-gradient(circle at 12% 50%,#18a99a32,transparent 32%),linear-gradient(105deg,#075244f2,#042a24e8 72%,#d6a94f14);box-shadow:inset 0 1px #fff3,0 20px 52px #0005,0 0 35px #18a99a18}
#site main .rank.current>span{border-color:#ffe7a3;background:radial-gradient(circle at 35% 28%,#81631f,#071812 66%);color:#fff0b1;box-shadow:0 0 0 7px #03221c,0 0 30px #d6a94f45}
#site main .rank.current strong{font-size:20px;color:#ffe7a3}
#site main .rank.current small{color:#f1ce76}
#site main .rank.current:after{content:'ACTIVE';margin-left:auto;color:#f1ce76;font-size:9px;letter-spacing:.18em;padding:7px 10px;border:1px solid #d6a94f55;border-radius:999px;background:#020b0966}
@media(max-width:1100px){#site main #points .activity-action:nth-child(2),#site main #points .activity-action:nth-child(4){transform:none}}
@media(max-width:800px){body::before{inset:-10%;animation-duration:32s}body::after{opacity:.1;animation-duration:26s}#site main .section>.wrap:before{width:220px;height:220px;right:-80px}#site main #points .activity-action,#site main #points .activity-action:nth-child(2),#site main #points .activity-action:nth-child(4){transform:none}#site main #points .activity-action:hover{transform:translateY(-4px)}#site main .level-track{padding-left:0;max-width:none}#site main .level-track:before{left:26px}#site main .rank,#site main .rank:nth-child(even),#site main .rank.current{width:100%;padding-right:14px}#site main .rank.current:after{display:none}}
@media(prefers-reduced-motion:reduce){#site main #points .activity-action,#site main #points .activity-action:hover{transform:none;transition:none}#site main #points .activity-action:before{transition:none}}