body{font-family:sans-serif;font-size:1.5rem}img{max-width:50vw;max-height:25vw;display:block;margin:auto}form{display:flex;justify-content:center;gap:.5em;flex-flow:row wrap;max-width:40vw;margin:auto;align-items:baseline}button[type=submit]{padding:5px 20px;margin:10px auto;float:right}#greeting{margin:10px auto;padding:10px 60px;border:1px solid #222}#greeting:empty{display:none}.browser-warning{display:none}*{margin:0;padding:0;box-sizing:border-box}.app-container{min-height:100vh;background:linear-gradient(180deg,#0a0b0d 0%,#1a1b23 50%,#0f1419 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff}.grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1}.grid-line{position:absolute;background:linear-gradient(to bottom,transparent,#00d4ff,transparent);width:1px;height:100%;animation:gridPulse 4s ease-in-out infinite}.grid-line.horizontal{background:linear-gradient(to right,transparent,#00d4ff,transparent);width:100%;height:1px;animation:gridPulse 4s ease-in-out infinite reverse}.nodes-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.node{position:absolute;width:8px;height:8px;background:#00d4ff;border-radius:50%;box-shadow:0 0 20px #00d4ff;animation:nodeFloat 6s ease-in-out infinite}.node-1{top:20%;left:15%;animation-delay:0s}.node-2{top:30%;right:20%;animation-delay:1.5s}.node-3{bottom:25%;left:25%;animation-delay:3s}.node-4{bottom:35%;right:15%;animation-delay:4.5s}.connection-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);opacity:.3;animation:connectionPulse 3s ease-in-out infinite}.line-1{top:22%;left:16%;width:200px;transform:rotate(25deg)}.line-2{bottom:27%;right:16%;width:150px;transform:rotate(-30deg);animation-delay:1.5s}.main-content{background:rgba(15,20,25,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.2);border-radius:20px;padding:3rem 2.5rem;max-width:600px;width:90%;text-align:center;box-shadow:0 25px 50px #0000004d,inset 0 1px #ffffff1a;transform:translateY(30px);opacity:0;transition:all 1s cubic-bezier(.4,0,.2,1)}.main-content.loaded{transform:translateY(0);opacity:1}.header-section{margin-bottom:3rem}.logo-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.logoimg{max-width:5vw}.ic-logo{position:relative;width:80px;height:80px}.logo-inner{border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.logo-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);border-radius:20px;animation:logoGlow 3s ease-in-out infinite;z-index:1}.infinity{font-size:2.5rem;color:#fff;font-weight:700}.brand-text{text-align:center}.brand-title{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.ic-text{display:block;color:#00d4ff;font-size:1.8rem}.hub-text{display:block;color:#fff;font-size:1.4rem;font-weight:500}.brand-subtitle{color:#8892b0;font-size:.95rem;font-weight:400;letter-spacing:.5px}.status-section{margin-bottom:3rem}.status-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.status-icon{position:relative}.gear-container{position:relative;width:80px;height:80px}.gear-outer{width:60px;height:60px;background:linear-gradient(135deg,#1a1b23 0%,#2d3748 100%);border:2px solid #00d4ff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00d4ff4d;animation:gearRotate 4s linear infinite;position:relative;z-index:2}.gear-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.gear-symbol{font-size:2rem;color:#00d4ff;text-shadow:0 0 10px #00d4ff}.gear-small{position:absolute;top:5px;right:0;width:30px;height:30px;background:linear-gradient(135deg,#2d3748 0%,#1a1b23 100%);border:1px solid #00d4ff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #00d4ff33;animation:gearRotateReverse 3s linear infinite;z-index:1}.gear-symbol-small{font-size:1rem;color:#00d4ff;text-shadow:0 0 8px #00d4ff}.status-title{font-size:2rem;font-weight:600;color:#fff;margin:0}.status-description{color:#8892b0;font-size:1.1rem;max-width:400px;line-height:1.5}.tech-stack{display:flex;gap:2rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.tech-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#8892b0}.tech-dot{width:6px;height:6px;background:#00d4ff;border-radius:50%;box-shadow:0 0 10px #00d4ff;animation:techPulse 2s ease-in-out infinite}.footer-section{border-top:1px solid rgba(0,212,255,.1);padding-top:2rem}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.9rem}.contact-info{color:#8892b0}.contact-link{color:#00d4ff;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:#fff}.network-status{display:flex;align-items:center;gap:.5rem;color:#8892b0}.status-dot{width:8px;height:8px;background:#00ff88;border-radius:50%;animation:statusBlink 2s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.1}50%{opacity:.3}}@keyframes nodeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes connectionPulse{0%,to{opacity:.2}50%{opacity:.5}}@keyframes logoGlow{0%,to{opacity:.5}50%{opacity:.8}}@keyframes techPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes gearRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gearRotateReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.main-content{padding:2rem 1.5rem;margin:1rem}.brand-title .ic-text{font-size:1.6rem}.brand-title .hub-text{font-size:1.2rem}.status-title{font-size:1.6rem}.tech-stack{gap:1rem}.footer-content{flex-direction:column;text-align:center}}@media (max-width: 480px){.main-content{padding:1.5rem 1rem}.ic-logo{width:60px;height:60px}.infinity{font-size:2rem}.status-title{font-size:1.4rem}}@media (hover: hover){.main-content:hover{border-color:#00d4ff66;box-shadow:0 35px 60px #0006,inset 0 1px #ffffff26}.ic-logo:hover .logo-inner{transform:scale(1.05);transition:transform .3s ease}}