@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Orbitron:wght@400;700&family=Rajdhani:wght@300;500;700&display=swap";:root{--bg-color: #050505;--card-bg: rgba(20, 20, 30, .8);--accent-color: #00f3ff;--accent-glow: 0 0 10px #00f3ff, 0 0 20px #00f3ff;--text-color: #e0e0e0;--error-color: #ff3333}body{margin:0;padding:0;background-color:var(--bg-color);background-image:radial-gradient(circle at 50% 50%,#1a1a2e,#000);color:var(--text-color);font-family:Rajdhani,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,243,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.03) 1px,transparent 1px);background-size:30px 30px;z-index:-1;pointer-events:none}h1,h2,h3{font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:3px;color:#fff;text-shadow:var(--accent-glow)}.container{background:var(--card-bg);padding:40px;border-radius:15px;box-shadow:0 0 30px #000c;border:1px solid rgba(0,243,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;width:90%;text-align:center;position:relative;overflow:hidden;animation:fadeIn 1s ease-out}.container:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(0,243,255,.1),transparent);transform:rotate(45deg);animation:shine 6s infinite linear;pointer-events:none}@keyframes shine{0%{transform:rotate(45deg) translateY(-100%)}to{transform:rotate(45deg) translateY(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}input{width:100%;padding:15px;margin:10px 0;background:#00000080;border:1px solid #333;border-left:3px solid var(--accent-color);color:#fff;font-family:Rajdhani,sans-serif;font-size:1.1em;outline:none;transition:all .3s ease;box-sizing:border-box}input:focus{background:#00f3ff0d;box-shadow:0 0 15px #00f3ff33}button{width:100%;padding:15px;margin-top:20px;background:transparent;border:1px solid var(--accent-color);color:var(--accent-color);font-family:Orbitron,sans-serif;font-size:1.1em;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .3s ease;position:relative;overflow:hidden}button:hover{background:var(--accent-color);color:#000;box-shadow:var(--accent-glow)}.error-msg{color:var(--error-color);font-size:.9em;margin-top:10px;min-height:20px}.hidden{display:none}.device-id{font-size:.8em;color:#666;margin-top:20px;font-family:monospace}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(0,243,255,.1)}.platform-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;background:#0000004d;border:1px solid rgba(0,243,255,.1);border-radius:4px;cursor:pointer;text-decoration:none;color:#888;transition:all .3s ease}.platform-item:hover{background:#00f3ff1a;border-color:var(--accent-color);color:#fff;box-shadow:0 0 10px #00f3ff1a;transform:translateY(-2px)}.platform-icon{font-size:1.5em;margin-bottom:5px;color:var(--accent-color);opacity:.7}.platform-item:hover .platform-icon{opacity:1;text-shadow:0 0 8px var(--accent-color)}.platform-name{font-size:.8em;font-family:Rajdhani,sans-serif;font-weight:700}@media (max-width: 768px){body{padding:10px}.container{padding:30px 20px;width:95%;max-width:none}h1{font-size:1.5em;letter-spacing:2px}h2{font-size:1.3em;letter-spacing:2px}input,button{padding:12px;font-size:.95em}.search-group{flex-direction:column}.search-group input{border-radius:4px}.search-group button{border-radius:4px;border-left:1px solid #333;width:100%}.platforms-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.platform-icon{font-size:1.2em}.platform-name{font-size:.7em}.user-info{font-size:.7em;top:5px;right:10px}}@media (max-width: 480px){.container{padding:25px 15px}h1{font-size:1.3em;letter-spacing:1px}h2{font-size:1.1em}input,button{padding:10px;font-size:.9em}.platforms-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.platform-item{padding:8px}.device-id{font-size:.7em}}