:root{--ink:#fff;--gold:#ffd75a;--pink:#ff42c8;--violet:#8c46ff;--deep:#09032a;--panel:#130a52}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05021d;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.home{min-height:100vh;background:radial-gradient(circle at 50% 10%,#21106d,#06021e 60%)}
.home-canvas{position:relative;width:min(100vw,1024px);margin:0 auto;line-height:0}.reference-art{display:block;width:100%;height:auto}.hotspots{position:absolute;inset:0}.hotspot{position:absolute;display:block;border-radius:18px;background:transparent;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.hotspot:hover{background:rgba(255,255,255,.035)}.hotspot:focus-visible{outline:3px solid #fff;box-shadow:0 0 20px #ff45d0,0 0 35px #6ff}
.h-home{left:23%;top:2.5%;width:7.5%;height:3.5%}.h-library{left:31%;top:2.5%;width:8.5%;height:3.5%}.h-universe{left:39.5%;top:2.5%;width:11.5%;height:3.5%}.h-collections{left:50.5%;top:2.5%;width:11.5%;height:3.5%}.h-about{left:61.8%;top:2.5%;width:7%;height:3.5%}.h-contact{left:68.7%;top:2.5%;width:7%;height:3.5%}.h-today{right:1.7%;top:2.7%;width:17%;height:4.3%}
.h-explore{left:20%;top:32.1%;width:28%;height:4%}.h-wallpapers{left:1%;top:41.8%;width:15.7%;height:17.1%}.h-cards{left:17%;top:41.8%;width:16%;height:17.1%}.h-coloring{left:33.2%;top:41.8%;width:16.5%;height:17.1%}.h-stories{left:50%;top:41.8%;width:16.7%;height:17.1%}.h-activities{left:67%;top:41.8%;width:16%;height:17.1%}.h-surprise{left:83.1%;top:41.8%;width:15.9%;height:17.1%}
.h-enter{left:2.5%;top:69.3%;width:25.5%;height:3.5%}.h-support{right:1%;top:59.8%;width:18%;height:15%}.h-mail{left:1%;top:83.9%;width:98%;height:5.5%}
.h-free{left:1%;top:75.5%;width:17%;height:8.1%}.h-love{left:18.2%;top:75.5%;width:17%;height:8.1%}.h-everyone{left:35.3%;top:75.5%;width:17%;height:8.1%}.h-share{left:52.5%;top:75.5%;width:17%;height:8.1%}.h-journey{left:69.7%;top:75.5%;width:17.2%;height:8.1%}
.h-footer-library{left:27%;top:91.4%;width:10%;height:5.7%}.h-footer-universe{left:27%;top:94.2%;width:10%;height:4%}.h-footer-collections{left:27%;top:96%;width:10%;height:2%}.h-footer-today{left:27%;top:97.2%;width:10%;height:1.8%}.h-footer-about{left:42%;top:91.4%;width:11%;height:5.7%}.h-footer-contact{left:42%;top:94.2%;width:11%;height:4%}.h-footer-privacy{left:42%;top:96%;width:11%;height:2%}.h-footer-terms{left:42%;top:97.2%;width:11%;height:1.8%}.h-footer-email{left:57%;top:97.1%;width:27%;height:2.2%}.h-footer-social{left:2%;top:94.8%;width:22%;height:4%}
@media(max-width:700px){.hotspot{border-radius:10px}.h-home,.h-library,.h-universe,.h-collections,.h-about,.h-contact{height:3.8%}.h-today{height:4.8%}}
/* Inner pages */
.page{min-height:100vh;background:radial-gradient(circle at 50% 0,#38119b 0,#100441 35%,#05021c 100%);background-attachment:fixed}.shell{width:min(1180px,94vw);margin:auto;padding:22px 0 60px}.topline{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:10px 18px;border:1px solid #ff5bd7;border-radius:999px;background:#09032dcc;box-shadow:0 0 25px #ff3cc955}.brand{font-size:clamp(30px,5vw,62px);font-weight:900;font-style:italic;letter-spacing:-2px;background:linear-gradient(90deg,#ff57ce,#ffd75a,#61d9ff,#c66bff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 25px #ff42c877}.nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;padding:16px 0}.nav a,.btn{color:#fff;text-decoration:none;border:1px solid #ff72dd;background:linear-gradient(135deg,#7e2cff,#ff3cc7);padding:11px 16px;border-radius:999px;font-weight:800;box-shadow:0 0 18px #d73dff55}.nav a:hover,.btn:hover{transform:translateY(-1px);filter:brightness(1.15)}.hero{margin-top:10px;padding:55px 30px;text-align:center;border:2px solid #ffd75a;border-radius:32px;background:linear-gradient(135deg,#16084eeb,#4d0b72d9,#081d68e8);box-shadow:0 0 50px #9d31ff66, inset 0 0 35px #ff4dcc22}.hero h1{font-size:clamp(42px,8vw,92px);margin:0;background:linear-gradient(90deg,#ff49cc,#ffd85d,#6fe5ff,#ff55c8);-webkit-background-clip:text;color:transparent}.hero p{font-size:clamp(17px,2.4vw,25px);max-width:820px;margin:18px auto 28px;line-height:1.45}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:28px}.card{padding:24px;border:1px solid #ff68d6;border-radius:24px;background:linear-gradient(160deg,#150846,#24106c);box-shadow:0 0 25px #702fff44}.card h2{color:#ffd75a;margin-top:0}.card p{line-height:1.55;color:#eee}.badge{display:inline-block;padding:6px 12px;border-radius:999px;background:#ff42c833;border:1px solid #ff69da;color:#fff;font-weight:800}.footer{margin-top:40px;text-align:center;padding:24px;border-top:1px solid #ff68d6;color:#ddd}.email{display:flex;gap:10px;max-width:700px;margin:20px auto}.email input{flex:1;min-width:0;padding:15px;border-radius:999px;border:1px solid #ff68d6;background:#fff;color:#222}.back{display:inline-block;margin-top:25px;color:#ffd75a}.library-tools{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.library-tools button{cursor:pointer;border:1px solid #ff68d6;background:#160746;color:#fff;padding:10px 14px;border-radius:999px}.library-tools button.active{background:linear-gradient(135deg,#ff38c8,#7d37ff)}
.footer-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.footer-links a{color:#ffd75a;text-decoration:none}.footer-links a:hover{text-decoration:underline}.notice{color:#ffd75a;font-weight:800;min-height:24px}.small{font-size:13px;color:#bbb;line-height:1.5;max-width:760px;margin:18px auto 0}