.village-page .village-nav{background:linear-gradient(112deg,#0b2c21 0%,#174936 42%,#28543d 72%,#123426 100%);border-bottom:1px solid rgba(225,238,184,.16);box-shadow:0 12px 38px rgba(8,30,21,.28);color:#f6f7ec}
.village-nav .brand-copy b{color:#fffdf3;text-shadow:0 2px 14px rgba(0,0,0,.18)}
.village-nav .brand-copy small{color:#b9cdbd!important}
.village-nav .brand-mark{background:linear-gradient(145deg,#edf3b8,#b9d875);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 0 0 5px rgba(217,234,169,.08),0 9px 24px rgba(0,0,0,.2)}
.village-nav .nav-links>a:not(.nav-login){color:#e4ece5}
.village-nav .nav-links>a:not(.nav-login):hover{background:rgba(255,255,255,.1);color:#f1f5c9}
.village-nav .nav-login{border-color:rgba(243,248,210,.55);background:linear-gradient(135deg,#eaf2b6,#c8df83);color:#163b2a;box-shadow:0 10px 27px rgba(4,25,16,.32)}
.village-nav .nav-login:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(4,25,16,.4)}
.village-nav .nav-login i{background:#173d2c;color:#eaf2b6}
.hero-stage{position:relative;padding:28px 0 48px;background:radial-gradient(circle at 12% 12%,rgba(129,171,104,.22),transparent 25%),radial-gradient(circle at 88% 18%,rgba(218,232,154,.15),transparent 27%),radial-gradient(circle at 50% 105%,rgba(73,120,81,.5),transparent 39%),linear-gradient(145deg,#08281e 0%,#123f2e 43%,#1d533a 72%,#0b3023 100%);isolation:isolate;overflow:hidden}
.hero-stage:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.72;background-image:radial-gradient(circle,#f5f5c8 0 1px,transparent 1.7px),radial-gradient(circle,#b9dd8d 0 1.2px,transparent 2px),radial-gradient(circle,#fff 0 .7px,transparent 1.4px);background-size:117px 117px,173px 173px,83px 83px;background-position:17px 11px,61px 53px,33px 72px;mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.72) 66%,transparent);animation:sparkleField 24s linear infinite}
.hero-stage:after{content:'';position:absolute;z-index:-1;width:760px;height:420px;left:50%;top:-245px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(218,236,151,.22),rgba(126,171,104,.08) 42%,transparent 72%);filter:blur(14px);animation:stageGlow 7s ease-in-out infinite}
.stage-sparkles{position:absolute;inset:0;z-index:1;pointer-events:none}.stage-sparkles i{--size:5px;position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#f3f4b8;box-shadow:0 0 7px #ecf2a6,0 0 17px #d4e98b;animation:starTwinkle 3.1s ease-in-out infinite}.stage-sparkles i:before,.stage-sparkles i:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:inherit;border-radius:99px;opacity:.75}.stage-sparkles i:before{width:1px;height:calc(var(--size)*3.5)}.stage-sparkles i:after{width:calc(var(--size)*3.5);height:1px}.stage-sparkles i:nth-child(1){left:4%;top:8%;--size:4px}.stage-sparkles i:nth-child(2){left:16%;top:38%;--size:3px;animation-delay:-1.2s}.stage-sparkles i:nth-child(3){left:27%;top:6%;--size:6px;animation-delay:-2.1s}.stage-sparkles i:nth-child(4){left:38%;top:72%;--size:3px;animation-delay:-.7s}.stage-sparkles i:nth-child(5){left:48%;top:14%;--size:4px;animation-delay:-1.8s}.stage-sparkles i:nth-child(6){left:58%;top:84%;--size:5px;animation-delay:-2.6s}.stage-sparkles i:nth-child(7){left:67%;top:9%;--size:3px;animation-delay:-.4s}.stage-sparkles i:nth-child(8){left:74%;top:55%;--size:5px;animation-delay:-1.6s}.stage-sparkles i:nth-child(9){left:83%;top:18%;--size:4px;animation-delay:-2.2s}.stage-sparkles i:nth-child(10){left:91%;top:65%;--size:3px;animation-delay:-1s}.stage-sparkles i:nth-child(11){left:96%;top:29%;--size:6px;animation-delay:-2.8s}.stage-sparkles i:nth-child(12){left:8%;top:78%;--size:5px;animation-delay:-1.45s}
.hero-stage .village-hero,.hero-stage .hero-with-image.village-hero{position:relative;z-index:2;margin-top:0;box-shadow:0 35px 100px rgba(0,18,11,.48),0 0 0 1px rgba(241,247,205,.14)}
.hero-stage .family-widgets{margin-bottom:8px}
.hero-stage .family-widget{border-color:rgba(237,242,210,.7);background:rgba(255,253,246,.94);box-shadow:0 20px 55px rgba(0,24,14,.28);backdrop-filter:blur(12px)}
@keyframes starTwinkle{0%,100%{opacity:.18;transform:scale(.55) rotate(0)}45%{opacity:1;transform:scale(1.2) rotate(45deg)}65%{opacity:.5;transform:scale(.85) rotate(80deg)}}
@keyframes sparkleField{to{background-position:134px 128px,234px 226px,116px 155px}}
@keyframes stageGlow{50%{opacity:.62;transform:translateX(-50%) scale(1.13)}}
@media(max-width:850px){.village-page .village-nav{background:linear-gradient(110deg,#0a2b20,#1b523a)}.mobile-menu-toggle{background:linear-gradient(145deg,#e9f0b5,#c4dc81)!important;box-shadow:0 9px 25px rgba(0,0,0,.28)!important}.mobile-menu-toggle span{background:#173d2c!important}.hero-stage{padding-top:14px}.hero-stage .village-hero,.hero-stage .hero-with-image.village-hero{margin-top:0}.hero-stage .family-widgets{margin-bottom:12px}}
@media(max-width:620px){.hero-stage{padding-bottom:36px}.stage-sparkles i:nth-child(even){display:none}.hero-stage:before{opacity:.52;background-size:95px 95px,151px 151px,73px 73px}.hero-stage .family-widget{background:rgba(255,253,246,.97)}}
@media(prefers-reduced-motion:reduce){.hero-stage:before,.hero-stage:after,.stage-sparkles i{animation:none!important}}