@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700&family=JetBrains+Mono:wght@400;600&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--bg-top:#e8f1ff;--bg-bottom:#f7fafd;--robo-blue:#4a90e2;--robo-blue-light:#7ec4ff;--robo-blue-dark:#2c5aa0;--robo-orange:#ff8a3d;--robo-orange-dark:#ff6b35;--robo-green:#3dd68c;--robo-pink:#ff6bb5;--panel-bg:rgba(255,255,255,0.75);--panel-border:rgba(74,144,226,0.25);--text-dark:#1f2d4a;--text-muted:#6a7a96;--led-glow:0 0 10px rgba(74,144,226,0.6),0 0 20px rgba(74,144,226,0.3)}html{background:var(--bg-bottom)}body,html{min-height:100%;font-family:Nunito,sans-serif;color:var(--text-dark)}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 15% 20%,rgba(126,196,255,.25),transparent 45%),radial-gradient(circle at 85% 80%,rgba(255,138,61,.15),transparent 45%),linear-gradient(180deg,var(--bg-top) 0,var(--bg-bottom) 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(74,144,226,.15) 1px,transparent 1.5px);background-size:28px 28px;pointer-events:none;z-index:0;opacity:.5}h1,h2,h3,h4{font-family:Fredoka,sans-serif}.robo-panel{background:var(--panel-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid var(--panel-border);border-radius:24px;box-shadow:0 10px 30px rgba(44,90,160,.12),inset 0 1px 0 rgba(255,255,255,.9);position:relative}.robo-panel:after,.robo-panel:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--robo-blue);box-shadow:0 0 6px rgba(74,144,226,.6)}.robo-panel:before{top:12px;left:12px}.robo-panel:after{top:12px;right:12px}.robo-float{position:fixed;pointer-events:none;z-index:0;font-size:26px;opacity:.55;filter:drop-shadow(0 2px 4px rgba(44,90,160,.2))}@keyframes hover{0%,to{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:.55}90%{opacity:.55}to{transform:translateY(-10vh) rotate(1turn);opacity:0}}@keyframes drift{0%{transform:translateX(0) translateY(100vh) rotate(0deg);opacity:0}10%{opacity:.55}50%{transform:translateX(40px) translateY(40vh) rotate(180deg)}90%{opacity:.55}to{transform:translateX(-20px) translateY(-10vh) rotate(1turn);opacity:0}}.float-1{left:5%;animation:hover 22s linear infinite;animation-delay:0s}.float-2{left:18%;animation:drift 26s linear infinite;animation-delay:4s}.float-3{left:33%;animation:hover 24s linear infinite;animation-delay:8s}.float-4{left:52%;animation:drift 28s linear infinite;animation-delay:2s}.float-5{left:70%;animation:hover 23s linear infinite;animation-delay:10s}.float-6{left:85%;animation:drift 25s linear infinite;animation-delay:6s}.float-7{left:93%;animation:hover 27s linear infinite;animation-delay:12s}.satellite{position:fixed;top:20px;right:20px;width:80px;height:80px;pointer-events:none;z-index:0;opacity:.7}.satellite:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(61,214,140,.4) 0,transparent 40%);border-radius:50%;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.1}}.led-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--robo-green);box-shadow:0 0 8px var(--robo-green);animation:blink-led 1.6s ease-in-out infinite;vertical-align:middle}@keyframes blink-led{0%,to{opacity:1}50%{opacity:.4}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(74,144,226,.25);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(74,144,226,.45)}input:focus,textarea:focus{outline:none}@media (max-width:640px){.satellite{width:50px;height:50px;top:10px;right:10px}body:before{background-size:20px 20px}.hide-on-mobile{display:none!important}}