:root{--bg:#07170f;--bg2:#0e2c1c;--paper:#f7f4e9;--surface:#fff;--ink:#13231a;--muted:#66756d;--lime:#a8ed55;--green:#49c96f;--berry:#ef5b72;--sky:#c9efff;--line:#dce5dd;--radius:24px;--shadow:0 24px 70px rgba(18,52,31,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}a{color:inherit}button,input,textarea,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:12px;top:12px;z-index:9999;background:#fff;padding:10px 14px;border-radius:10px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a8ed55;outline-offset:3px}.legal-notice{margin:28px 0;padding:18px 20px;border:1px solid #cfd9d1;border-left:5px solid #49c96f;border-radius:14px;background:#fff}.legal-notice strong{color:#173421}.topbar{height:76px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(7,23,15,.96);backdrop-filter:blur(14px);color:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:950;font-size:1.25rem;letter-spacing:-.035em}.brand span:first-child{font-size:1.55rem}.nav{display:flex;align-items:center;gap:24px}.nav a{text-decoration:none;color:#d6e5da;font-weight:760;font-size:.94rem}.nav a:hover,.nav a:focus-visible{color:var(--lime)}.nav-cta{padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:12px}.menu-button{display:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;border-radius:11px;width:44px;height:44px;font-size:1.25rem;cursor:pointer}.section-pad{padding:clamp(70px,9vw,118px) clamp(18px,6vw,88px)}.hero{min-height:calc(100vh - 76px);background:radial-gradient(circle at 75% 15%,rgba(69,183,99,.16),transparent 26%),linear-gradient(145deg,#06150d,#0b2d1a 60%,#0d3920);color:#fff;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:48px;overflow:hidden}.eyebrow{margin:0 0 14px;font-size:.75rem;font-weight:950;letter-spacing:.15em;color:#69ad6f}.hero .eyebrow,.dark .eyebrow{color:var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(3.5rem,7.4vw,7.3rem);line-height:.88;letter-spacing:-.075em;margin-bottom:26px;max-width:900px}.hero h1 span{color:var(--lime)}.hero-lead{max-width:690px;color:#c9d8cd;font-size:clamp(1.05rem,1.6vw,1.24rem)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:13px;padding:13px 18px;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--lime);color:#102414;box-shadow:0 10px 26px rgba(168,237,85,.15)}.button.ghost{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06)}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#a9c1af;font-size:.9rem;font-weight:720}.hero-scene{position:relative;min-height:540px;border:1px solid rgba(255,255,255,.08);border-radius:38px;background:linear-gradient(#97dffb 0 57%,#b7e98c 57% 100%);overflow:hidden;box-shadow:0 32px 90px rgba(0,0,0,.26)}.sky-glow{position:absolute;width:94px;height:94px;border-radius:50%;background:#fff3a4;right:62px;top:48px;box-shadow:0 0 0 18px rgba(255,243,164,.16)}.cloud{position:absolute;width:88px;height:25px;background:rgba(255,255,255,.88);border-radius:30px}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:40px;height:40px;left:13px;top:-18px}.cloud:after{width:48px;height:48px;right:13px;top:-25px}.c1{left:44px;top:72px}.c2{right:56px;top:172px;transform:scale(.78)}.block-island{position:absolute;left:12%;right:10%;bottom:70px;height:230px}.island-top{position:absolute;left:0;right:0;height:78px;background:#55b85d;border:10px solid #2e7f42;box-shadow:inset 0 -18px 0 #3c9b4d}.island-side{position:absolute;left:22px;right:22px;top:78px;height:140px;background:repeating-linear-gradient(90deg,#8b5d37 0 44px,#9b6941 44px 88px);clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);border-top:9px solid #68442c}.tree{position:absolute;left:16%;top:-78px;width:34px;height:104px;background:#7c4b2b}.tree:before{content:"";position:absolute;width:112px;height:90px;background:#2d8d45;left:-39px;top:-50px;box-shadow:26px -26px 0 #3fa655,-22px -18px 0 #26753b}.tiny-house{position:absolute;width:128px;height:96px;background:#e9bd7d;right:16%;top:-34px;border:8px solid #95653c}.tiny-house span{position:absolute;width:148px;height:50px;background:#a64949;left:-18px;top:-44px;clip-path:polygon(50% 0,100% 100%,0 100%)}.tiny-house i{position:absolute;width:32px;height:55px;background:#704129;left:43px;bottom:0}.tiny-house b{position:absolute;width:25px;height:25px;background:#a8e6fa;right:12px;top:18px}.berry{position:absolute;font-size:70px;left:47%;top:-100px;filter:drop-shadow(0 9px 0 rgba(0,0,0,.1))}.floating-block{position:absolute;width:18px;height:18px;background:rgba(255,255,255,.52)}.b1{left:15%;top:29%}.b2{right:19%;top:39%;transform:scale(.7)}.b3{left:68%;top:17%;transform:scale(.45)}.quick-band{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid var(--line);padding:0 clamp(18px,6vw,88px)}.quick-band div{padding:26px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column}.quick-band div:last-child{border-right:0}.quick-band strong{font-size:1.02rem}.quick-band span{font-size:.86rem;color:var(--muted)}.section{background:var(--paper)}.section-heading{max-width:800px;margin-bottom:42px}.section-heading h2,.split h2,.contact-copy h2{font-size:clamp(2.35rem,4.6vw,4.6rem);line-height:.95;letter-spacing:-.06em;margin-bottom:18px}.section-heading>p:last-child{color:var(--muted);font-size:1.06rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 34px rgba(31,55,41,.05)}.step{padding:30px}.step-number{font-size:.78rem;color:#6f9c52;font-weight:950}.step h3{margin:34px 0 8px;font-size:1.35rem}.step p{margin:0;color:var(--muted)}code{background:#eef3e9;padding:.12em .38em;border-radius:.4em}.server-box{margin-top:18px;background:var(--bg);color:#fff;border-radius:var(--radius);padding:24px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.server-box div{display:flex;flex-direction:column}.server-box small{color:#9fb3a5}.server-box strong{font-size:clamp(1.5rem,3vw,2.05rem);letter-spacing:-.03em}.small-note{color:#738078;font-size:.88rem;margin:14px 4px 0}.dark{background:var(--bg);color:#fff}.split{display:grid;grid-template-columns:1.05fr .8fr;gap:72px;align-items:center}.muted-light{color:#b3c4b8;font-size:1.06rem}.check-list{padding:0;list-style:none;display:grid;gap:11px;margin:28px 0}.check-list li:before{content:"✓";font-weight:1000;margin-right:10px;color:#59b764}.check-list.light li:before{color:var(--lime)}.inline-links{display:flex;gap:18px}.inline-links a{font-weight:900;text-underline-offset:4px}.safety-stack{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:28px}.safety-card{background:#fff;color:var(--ink);border-radius:17px;padding:17px 18px;display:flex;gap:14px;align-items:center}.safety-card>span{font-size:1.8rem}.safety-card div{display:flex;flex-direction:column}.safety-card small{color:var(--muted)}.stack-arrow{text-align:center;padding:10px;color:#7ea88a;font-size:1.25rem}.rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rule-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px}.rule-card>span{font-size:2rem}.rule-card h3{margin:22px 0 7px}.rule-card p{margin:0;color:var(--muted);font-size:.95rem}.soft{background:#edf1e6}.faq-list{max-width:940px}.faq-list details{background:#fff;border:1px solid #d7dfd4;border-radius:16px;margin-bottom:10px;overflow:hidden}.faq-list summary{cursor:pointer;font-weight:900;padding:19px 22px;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:22px;font-size:1.35rem;color:#5e8b50}.faq-list details[open] summary:after{content:"−"}.faq-list details p{padding:0 22px 20px;margin:0;color:var(--muted)}.contact-section{display:grid;grid-template-columns:.8fr 1.05fr;gap:70px;align-items:start}.contact-copy>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.contact-points{display:grid;gap:16px;margin-top:30px}.contact-points div{display:flex;gap:14px;align-items:flex-start}.contact-points span{font-size:1.55rem}.contact-points p{margin:0;color:var(--muted)}.contact-points strong{color:var(--ink)}.contact-form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:grid;gap:7px;font-weight:850;margin-bottom:17px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #cfd9d1;border-radius:12px;background:#fcfdfb;color:var(--ink);padding:12px 13px;outline:none}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#5ca85d;box-shadow:0 0 0 4px rgba(92,168,93,.13)}.contact-form [aria-invalid="true"]{border-color:#d75b68;box-shadow:0 0 0 4px rgba(215,91,104,.1)}.consent{grid-template-columns:auto 1fr!important;align-items:start;font-weight:600!important;font-size:.91rem;color:#536159}.consent input{width:auto!important;margin-top:4px}.consent b{color:#b83d4f}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.submit-button{width:100%;border:0}.form-note,.form-status{font-size:.83rem;color:#77847d;margin:11px 0 0}.form-status.error{color:#a53d4b;font-weight:750}.footer{background:#04110a;color:#b1beb5;padding:42px clamp(18px,6vw,88px);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.footer-main{display:flex;align-items:center;gap:18px}.footer-main p{margin:0}.footer nav{display:flex;gap:18px}.footer nav a{font-weight:760}.footer small{grid-column:1/-1;color:#718078}.toast{position:fixed;right:20px;bottom:20px;background:#07180f;color:#fff;border:1px solid #335644;border-radius:13px;padding:12px 16px;box-shadow:var(--shadow);z-index:150}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.js .reveal.visible{opacity:1;transform:none}.legal-body{background:var(--paper)}.legal{max-width:860px;margin:0 auto;padding:82px 22px 120px}.legal h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:.94;letter-spacing:-.065em}.legal h2{margin-top:38px}.legal p,.legal li{color:#56655c}.legal a{font-weight:800}.legal-date{margin-top:48px;font-size:.9rem}.thanks{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#07170f,#0d3920);color:#fff;padding:24px}.thanks-card{max-width:650px;text-align:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:44px}.thanks-card .emoji{font-size:4rem}.thanks-card h1{font-size:clamp(2.5rem,7vw,4.7rem);line-height:.95;letter-spacing:-.06em}.thanks-card p{color:#c5d6ca}.notfound{min-height:100vh;display:grid;place-items:center;background:var(--bg);color:#fff;text-align:center;padding:24px}.notfound h1{font-size:clamp(3rem,10vw,7rem);margin-bottom:12px}.notfound p{color:#b8c8bd}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto}.hero-scene{min-height:450px;max-width:740px;width:100%}.quick-band{grid-template-columns:repeat(2,1fr)}.quick-band div:nth-child(2){border-right:0}.quick-band div:nth-child(-n+2){border-bottom:1px solid var(--line)}.steps{grid-template-columns:1fr}.split,.contact-section{grid-template-columns:1fr}.rules-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){html{scroll-padding-top:68px}.topbar{height:68px;padding:0 18px}.menu-button{display:grid;place-items:center}.nav{position:absolute;top:68px;left:12px;right:12px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#0b2117;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:9px;box-shadow:0 22px 55px rgba(0,0,0,.28)}.nav.open{display:flex}.nav a{padding:12px 13px;border-radius:10px}.nav a:hover{background:rgba(255,255,255,.06)}.section-pad{padding:68px 18px}.hero h1{font-size:clamp(3.15rem,16vw,5.3rem)}.hero-scene{min-height:350px;border-radius:25px}.block-island{left:5%;right:5%;bottom:40px;transform:scale(.9)}.quick-band{grid-template-columns:1fr}.quick-band div{border-right:0;border-bottom:1px solid var(--line)!important}.quick-band div:last-child{border-bottom:0!important}.server-box{flex-direction:column;align-items:flex-start}.server-box .button{width:100%}.rules-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-form{padding:22px}.footer{grid-template-columns:1fr}.footer-main{align-items:flex-start;flex-direction:column}.footer nav{flex-wrap:wrap}.footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* KidsPi 1.4 — adventure layer */
.adventure{background:linear-gradient(180deg,#f7f4e9 0%,#eef6df 100%)}
.adventure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.adventure-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-height:235px;box-shadow:0 14px 38px rgba(31,55,41,.06);transition:transform .2s ease,box-shadow .2s ease}
.adventure-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-34px;bottom:-42px;background:rgba(168,237,85,.16)}
.adventure-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(31,55,41,.11)}
.adventure-card>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#eef8dd;font-size:2rem}
.adventure-card h3{margin:24px 0 8px;font-size:1.25rem}
.adventure-card p{color:var(--muted);margin:0}
.play-zone{background:radial-gradient(circle at 10% 20%,rgba(168,237,85,.12),transparent 18%),var(--paper)}
.step{position:relative;overflow:hidden}
.step-icon{font-size:2.2rem;margin-top:20px}
.step:after{content:"";position:absolute;width:90px;height:90px;right:-30px;bottom:-30px;border-radius:50%;background:rgba(73,201,111,.08)}
.family-panel{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:34px;box-shadow:0 24px 60px rgba(0,0,0,.16)}
.family-panel h3{font-size:2rem;letter-spacing:-.04em;margin:18px 0 10px}
.family-panel p{color:#bfd0c4}
.family-badge{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:rgba(168,237,85,.13);font-size:2.2rem}
.player{position:absolute;z-index:4;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#fff;border:5px solid #2f7340;box-shadow:0 8px 0 rgba(0,0,0,.12);font-size:1.35rem}
.p1{left:39%;top:-12px;transform:rotate(-4deg)}
.p2{right:33%;top:24px;transform:rotate(4deg)}
.server-box{background:linear-gradient(135deg,#07170f,#113d24)}
.footer small a{color:#9bc5a6}
@media(max-width:1100px){.adventure-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.adventure-grid{grid-template-columns:1fr}.adventure-card{min-height:auto}.family-panel{padding:25px}.player{transform:scale(.8)}}

/* KidsPi 1.5 — immersive world */
:root{--pink:#f33b7a;--navy:#0b2440;--cream:#fffaf0}
.topbar{background:rgba(255,255,255,.94);color:#102414;border-bottom:1px solid rgba(16,36,20,.08);box-shadow:0 10px 30px rgba(18,52,31,.06)}
.topbar .nav a{color:#294235}.topbar .nav a:hover,.topbar .nav a:focus-visible{color:#16994c}.topbar .nav-cta{background:var(--pink);color:#fff!important;border-color:transparent;box-shadow:0 9px 25px rgba(243,59,122,.22)}
.topbar .brand{font-size:1.45rem}.topbar .brand span:last-child{background:linear-gradient(90deg,#3fae48,#f33b7a);-webkit-background-clip:text;background-clip:text;color:transparent}
.menu-button{color:#173421;background:#eef6e9;border-color:#d7e4d6}
.hero{position:relative;grid-template-columns:minmax(0,.84fr) minmax(520px,1.16fr);background:linear-gradient(110deg,rgba(7,23,15,.98) 0%,rgba(8,33,20,.93) 41%,rgba(8,33,20,.52) 58%,rgba(7,23,15,.1) 100%);min-height:760px;padding-top:70px;padding-bottom:70px}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 30%,rgba(168,237,85,.12),transparent 26%);pointer-events:none}
.hero-copy{position:relative;z-index:3;max-width:720px}
.hero h1{font-size:clamp(4.3rem,7vw,7.7rem);text-shadow:0 9px 35px rgba(0,0,0,.22)}
.hero h1 span{color:#a8ed55}
.hero-lead{font-size:clamp(1.08rem,1.5vw,1.3rem);max-width:630px}
.hero .button.primary{background:var(--pink);color:#fff;box-shadow:0 12px 30px rgba(243,59,122,.28)}
.hero .button.primary:hover{box-shadow:0 16px 36px rgba(243,59,122,.38)}
.hero .trust-row span{background:rgba(4,18,11,.45);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 11px;color:#e8f3eb;backdrop-filter:blur(9px)}
.hero-scene{min-height:620px;border-radius:32px;border:1px solid rgba(255,255,255,.16);background:#8dd7ff;overflow:hidden;transform-style:preserve-3d;box-shadow:0 35px 100px rgba(0,0,0,.32)}
.hero-world{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transform:scale(1.035);transition:transform .25s ease-out}
.hero-sign{position:absolute;z-index:4;background:#8a5a32;color:#fff7d8;border:6px solid #56351f;border-radius:7px;box-shadow:0 10px 0 rgba(67,39,22,.35),0 18px 30px rgba(0,0,0,.2);padding:12px 16px;text-align:center;transform:rotate(-2deg);font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.hero-sign span,.hero-sign strong{display:block}.hero-sign span{font-size:.72rem;letter-spacing:.08em}.hero-sign strong{font-size:1.15rem;line-height:1.05}.hero-sign i{color:#ff8e9f;font-style:normal}
.sign-main{left:7%;bottom:8%}.sign-side{right:4%;top:9%;max-width:180px;transform:rotate(2deg)}
.hero-spark{position:absolute;z-index:5;color:#fff9ae;text-shadow:0 0 16px #fff6a1;font-size:1.3rem;animation:sparkle 2.8s ease-in-out infinite}.s1{left:28%;top:15%}.s2{right:24%;top:30%;animation-delay:.8s}.s3{right:8%;bottom:20%;animation-delay:1.4s}
@keyframes sparkle{0%,100%{opacity:.25;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.25) rotate(45deg)}}

.quick-band{position:relative;z-index:6;box-shadow:0 -12px 40px rgba(0,0,0,.08)}
.quick-band strong{font-size:1.1rem}.quick-band span{margin-top:2px}

.adventure{position:relative;background:linear-gradient(180deg,#fffdf7,#f3f8e9);overflow:hidden}
.adventure:before,.adventure:after{content:"";position:absolute;width:210px;height:210px;background:#4ea755;opacity:.12;clip-path:polygon(50% 0,100% 100%,0 100%)}.adventure:before{left:-60px;bottom:-80px}.adventure:after{right:-70px;top:-60px;transform:rotate(180deg)}
.adventure .section-heading{text-align:center;margin-left:auto;margin-right:auto}.adventure .section-heading h2 span{color:#4cbf55}
.adventure-grid{position:relative;z-index:2}
.adventure-card{padding:0 0 26px;min-height:350px;border-radius:25px;overflow:hidden}
.card-scene{height:160px;display:grid;place-items:center;font-size:4.2rem;position:relative;overflow:hidden}
.card-scene:before,.card-scene:after{content:"";position:absolute}
.scene-group{background:linear-gradient(#9fdfff 0 58%,#6fbe57 58%)}.scene-world{background:linear-gradient(#abe6ff 0 58%,#7fc75b 58%)}.scene-friends{background:linear-gradient(#ffd9a8 0 58%,#76c766 58%)}.scene-focus{background:linear-gradient(#b9e7ff 0 58%,#84cf69 58%)}
.card-scene:before{width:76%;height:46px;bottom:0;background:#6d5237;clip-path:polygon(8% 0,92% 0,80% 100%,20% 100%);opacity:.7}
.adventure-card>span,.adventure-card h3,.adventure-card p{margin-left:24px;margin-right:24px}.adventure-card>span{margin-top:-23px;position:relative;z-index:4;box-shadow:0 7px 18px rgba(0,0,0,.12)}.adventure-card h3{margin-top:18px}

.play-zone{position:relative;background:linear-gradient(#dff4ff 0 30%,#eff8e4 30% 100%);overflow:hidden}
.play-zone:before{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(180deg,transparent,#bfe69b)}
.play-zone .section-heading{text-align:center;margin-left:auto;margin-right:auto}.play-zone .section-heading h2{color:#153152}.play-zone .section-heading h2::after{content:"";display:inline-block;width:11px;height:11px;background:#55bf59;margin-left:10px;border-radius:3px;transform:rotate(8deg)}
.steps{position:relative;z-index:2}.step{background:rgba(255,255,255,.94);box-shadow:0 16px 32px rgba(40,76,50,.11);text-align:center;border-color:rgba(255,255,255,.7)}.step-number{position:absolute;left:20px;top:20px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:#fff}.step:nth-child(2) .step-number{background:#4aba50}.step:nth-child(3) .step-number{background:#318de0}.step-icon{font-size:3rem;margin-top:18px}.step h3{margin-top:20px}
.server-box{position:relative;z-index:2;max-width:760px;margin:24px auto 0;border:8px solid #8b6339;background:#102c42;box-shadow:0 12px 0 #65462c,0 24px 50px rgba(0,0,0,.15)}.server-box:before{content:"NUESTRA DIRECCIÓN";position:absolute;top:-38px;left:50%;transform:translateX(-50%);background:#a67843;color:#fff6dc;padding:7px 18px;border-radius:7px 7px 0 0;font-size:.76rem;font-weight:900;letter-spacing:.06em}.small-note{text-align:center;position:relative;z-index:2}

.dark{position:relative;background:linear-gradient(115deg,#071927,#0a2e24);overflow:hidden}
.family-grid{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(0,1.1fr);gap:54px;align-items:center}
.family-visual{position:relative;min-height:520px;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.1)}
.family-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.family-quote{position:absolute;left:22px;bottom:22px;background:rgba(6,21,14,.68);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.13);padding:13px 16px;border-radius:14px;font-style:italic;color:#fff7b0;transform:rotate(-2deg)}
.family-copy h2 span,.contact-copy h2 span{color:var(--lime)}
.family-panel{display:flex;gap:16px;align-items:flex-start;margin:24px 0;padding:22px}.family-panel h3{font-size:1.3rem;margin:0 0 5px}.family-panel p{margin:0}.family-badge{flex:0 0 58px;width:58px;height:58px;font-size:1.7rem}

#normas{background:#fffdf8}.rules-grid{gap:18px}.rule-card{text-align:center;padding:0 24px 25px;overflow:hidden;border-radius:24px;box-shadow:0 14px 35px rgba(28,50,34,.07)}.rule-card:before{content:"";display:block;height:120px;margin:0 -24px 18px;background:linear-gradient(145deg,#ffe2eb,#ffd0dc)}.rule-card:nth-child(2):before{background:linear-gradient(145deg,#dff8d8,#b9efaf)}.rule-card:nth-child(3):before{background:linear-gradient(145deg,#fff0b2,#ffe17a)}.rule-card:nth-child(4):before{background:linear-gradient(145deg,#d9efff,#b5ddff)}.rule-card>span{display:grid;place-items:center;width:66px;height:66px;margin:-52px auto 0;background:#fff;border-radius:18px;position:relative;box-shadow:0 8px 20px rgba(0,0,0,.12);font-size:2.2rem}.rule-card h3{margin-top:16px}

.soft{background:linear-gradient(180deg,#dcf1ff,#f7fbf4)}.soft .section-heading{text-align:center;margin-left:auto;margin-right:auto}.faq-list{margin:0 auto}.faq-list details{box-shadow:0 8px 20px rgba(24,60,45,.05)}

.contact-section{position:relative;background:linear-gradient(180deg,#eefaff,#f7f4e9);overflow:hidden}.contact-section:after{content:"";position:absolute;right:-50px;bottom:-85px;width:260px;height:260px;background:#5eac58;opacity:.13;clip-path:polygon(50% 0,100% 100%,0 100%)}.contact-copy{position:relative;z-index:2}.contact-form{position:relative;z-index:2;border:1px solid #d9e3d7;box-shadow:0 24px 60px rgba(18,52,31,.14)}
.contact-form .submit-button{background:var(--pink);color:#fff}

.footer{background:#061926}
@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:820px}.hero-scene{min-height:570px}.family-grid{grid-template-columns:1fr}.family-visual{min-height:440px}}
@media(max-width:720px){.topbar{background:rgba(255,255,255,.97)}.nav{background:#fff;color:#173421;border-color:#dfe9df}.nav a{color:#173421}.hero{padding-top:54px;background:linear-gradient(#07170f 0 47%,#0a2d1b 70%,#0c3520 100%)}.hero h1{font-size:clamp(3.45rem,17vw,5.6rem)}.hero-scene{min-height:420px;border-radius:24px}.sign-side{display:none}.sign-main{left:5%;bottom:5%;transform:scale(.82) rotate(-2deg);transform-origin:left bottom}.trust-row{gap:8px}.trust-row span{font-size:.78rem}.adventure-card{min-height:auto}.family-visual{min-height:350px}.server-box{border-width:6px}.family-grid{gap:34px}}
@media(prefers-reduced-motion:reduce){.hero-spark{animation:none}.hero-world{transition:none}}