*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#050a0c;color:#edf3ef;font:16px/1.65 system-ui,sans-serif;background-image:radial-gradient(ellipse at 20% 15%,#102b2833,transparent 45%),radial-gradient(ellipse at 85% 30%,#252b4633,transparent 50%)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #f5c518;outline-offset:5px}.topbar{padding:18px max(5vw,20px);border-bottom:1px solid #7ec9ac22}.topbar>a{display:flex;align-items:center;gap:12px;font-weight:700}.topbar span{font-size:12px;color:#a8bab3;font-weight:400;margin-left:auto}main{max-width:1200px;margin:auto;padding:28px 24px}.apresentacao{text-align:center;max-width:850px;margin:auto}.etiqueta{font-size:11px;letter-spacing:.22em;color:#81d0b7}h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,48px);line-height:1.2;margin:8px 0 14px}h2{font-family:Georgia,serif;font-size:30px;line-height:1.2}h3{font-size:17px;margin:0}.lema strong,.lema em{display:block}.lema strong{color:#f1d26c}.lema em{color:#a8caba}.intro{color:#aebfb7;max-width:740px;margin:14px auto}.planetas{display:flex;justify-content:center;gap:clamp(30px,8vw,120px);padding:16px 0 28px}.planeta{--cor:#ef966e;display:flex;flex-direction:column;align-items:center}.planeta.fisio{--cor:#64d5c3}.orbita{width:140px;height:140px;border:1px solid color-mix(in srgb,var(--cor) 40%,transparent);border-radius:50%;display:grid;place-items:center;position:relative;margin:10px 0 14px}.orbita:before{content:'';position:absolute;inset:12px;border:1px dashed color-mix(in srgb,var(--cor) 22%,transparent);border-radius:50%;animation:girar 32s linear infinite}.orbita:after{content:'';width:6px;height:6px;border-radius:50%;background:var(--cor);position:absolute;left:-3px;top:67px;box-shadow:0 0 15px var(--cor)}.esfera{width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 33% 25%,#f3f8eebf,transparent 23%),radial-gradient(ellipse at 65% 65%,#03080fbf,transparent 70%),repeating-radial-gradient(ellipse at 40% 35%,var(--cor) 0 4px,color-mix(in srgb,var(--cor) 70%,#07101b) 7px 11px);box-shadow:inset -12px -10px 20px #020710bb,0 0 28px color-mix(in srgb,var(--cor) 40%,transparent);transition:transform .3s}.planeta:hover .esfera{transform:scale(1.07)}.planeta strong{font-size:19px}.planeta small{font-size:12px;color:#a4b5ae}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}.card{min-width:0;border:1px solid #76b49b33;border-radius:24px;padding:30px;background:linear-gradient(145deg,#11201cbb,#091015ee);box-shadow:0 20px 60px #0003}.card#dragon{border-top:3px solid #d17f5e}.card#fisiologia{border-top:3px solid #58b6a5}.origem{color:#899f95;font-size:12px;margin:6px 0 14px}.resumo{color:#b4c1bb;font-size:14px}.conjunto{padding:24px 0;border-top:1px solid #89b7a322;margin-top:24px}ol{padding-left:22px;margin-bottom:0}li{padding-left:5px;color:#6b9e89}li a{display:flex;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #8cbba315;color:#e5eee9;font-size:14px}li a:hover{color:#f1d26c}li span{color:#78b7a0}footer{text-align:center;font-size:12px;color:#859a90;margin-top:50px}@keyframes girar{to{transform:rotate(360deg)}}@media(max-width:700px){main{padding:35px 18px}.cards{grid-template-columns:1fr}.card{padding:24px}.topbar span{display:none}.orbita{width:110px;height:110px}.orbita:after{top:52px}.esfera{width:72px;height:72px}.planeta strong{font-size:16px}.planeta small{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbita:before{animation:none}.esfera{transition:none}}
.emblemas{--u1:#B49BFF;--u2:#FF9F57;--u3:#5ED9A6;--u4:#FF7478;--u5:#63B8FF;--u6:#3FE0C8;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px auto 38px;max-width:880px}.emblema{margin:0;min-width:0;text-align:center}.emblema img,.emblema canvas{display:block;width:100%;aspect-ratio:1;height:auto;object-fit:contain;pointer-events:none}.emblema img{border-radius:18px}.emblema canvas{height:auto}.emblema figcaption{margin-top:12px}.emblema strong,.emblema small{display:block}.emblema strong{font-size:20px}.emblema small{color:#a4b5ae;font-size:12px}.card ol{list-style:none;padding-left:0}.card li{padding-left:0}@media(max-width:700px){.emblemas{gap:12px;margin:20px auto 28px}.emblema strong{font-size:16px}.emblema small{font-size:10px}}
:root{--u1:#B49BFF;--u2:#FF9F57;--u3:#5ED9A6;--u4:#FF7478;--u5:#63B8FF;--u6:#3FE0C8}