@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#163c34;background:#f7f6ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:1220px;margin:auto;padding:0 44px}header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #dcded4}.brand{font:800 36px Outfit,sans-serif;color:inherit;text-decoration:none;letter-spacing:-2px}.brand span{display:block;font:600 9px DM Sans;letter-spacing:2px;margin-left:4px}.header-right{font-size:13px;color:#657b6c;display:flex;gap:20px;align-items:center}main{display:grid;grid-template-columns:1fr 1fr;gap:36px 64px;padding:65px 0 45px}.intro{padding-top:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#69836b}h1{font:600 clamp(44px,5.8vw,76px) / 1.06 Outfit,sans-serif;letter-spacing:-3px;margin:24px 0}h1 em{font-style:normal;color:#6a9361}p{line-height:1.8;color:#6c7b70;max-width:390px;font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;margin-top:30px}.habitat{position:relative;background:#e5ecd9;min-height:390px;border-radius:150px 150px 28px 28px;overflow:hidden;text-align:center;padding:32px 24px}.habitat-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;padding-top:10px;color:#64785b}.live{background:#f5f7e9;padding:7px 10px;border-radius:15px}.stars{color:#93a578;font-size:28px;display:flex;justify-content:space-around;margin:26px}.stars span{margin-top:-15px}.alien{position:relative;width:155px;margin:0 auto;z-index:2;animation:bob 4s ease-in-out infinite}.body{height:139px;background:#b5cb80;border-radius:58% 58% 44% 44%;box-shadow:inset -12px -10px #a2bc6d;position:relative}.eyes{display:flex;gap:34px;justify-content:center;padding-top:55px}.eyes i{width:15px;height:22px;background:#173c32;border-radius:50%;position:relative}.eyes i:after{content:"";position:absolute;background:#fff;width:5px;height:7px;border-radius:50%;left:3px;top:3px}.cheeks{display:flex;justify-content:center;gap:15px;color:#e7a098;font-size:15px}.cheeks span{color:#173c32;font-size:24px;margin-top:-6px}.antenna{height:30px;width:4px;background:#87a35b;margin:auto;transform:rotate(15deg)}.antenna:before{content:"";display:block;background:#d8a85b;width:19px;height:19px;border-radius:50%;position:relative;left:-7px;top:-8px}.feet{display:flex;justify-content:space-around;margin-top:-8px}.feet i{width:42px;height:22px;background:#93ae63;border-radius:50%}.planet{position:absolute;width:210px;height:28px;border-radius:50%;background:#cbd6b3;left:50%;transform:translate(-50%);bottom:87px}.caption{position:relative;z-index:3;margin-top:27px;font-weight:700;font-size:14px}.caption small{display:block;font-size:11px;font-weight:400;margin-top:7px;color:#718461}.panel{grid-column:1/-1;background:#fff;border:1px solid #e3e5da;border-radius:22px;padding:30px 36px;display:grid;grid-template-columns:1fr 1fr;gap:24px 50px}h2{font:500 26px Outfit;margin:13px 0}form{display:grid;gap:12px}label{display:grid;gap:7px;font-size:12px}input{font:inherit;padding:12px 14px;border:1px solid #d8dfd3;border-radius:9px;background:#fbfcf8}button{font:600 13px DM Sans;cursor:pointer;border:1px solid #d9dfd4;border-radius:10px;padding:12px 18px;background:#fafbf6;color:#163c34}button:disabled{opacity:.5;cursor:wait}.primary{background:#244e3d;color:#fff;border:0}.link{border:0;background:none;padding:4px;font-weight:400}small{font-size:11px;color:#6b796a}.stats{display:grid;gap:14px}progress{width:100%;height:8px;accent-color:#8bab67}.actions{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.actions button{padding:15px 4px}.actions span{display:block;font-size:22px;margin-bottom:8px}.error{grid-column:1/-1;color:#ae453d;font-size:13px;margin:0}footer{display:flex;justify-content:space-between;padding:22px 0 30px;border-top:1px solid #dcded4;font-size:11px;color:#7b8775}@keyframes bob{50%{transform:translateY(-7px)}}@media(max-width:720px){.shell{padding:0 22px}header{padding:22px 0}.header-right{font-size:10px}main{grid-template-columns:1fr;padding:28px 0;gap:28px}.intro{padding:0}h1{font-size:55px}.habitat{min-height:390px}.panel{grid-template-columns:1fr;padding:24px;gap:15px}.actions{grid-column:1}footer{font-size:9px}}@media(prefers-reduced-motion:reduce){.alien{animation:none}}