@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@300;500;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;min-height:100vh;background-color:#050505;background-image: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;font-family:Rajdhani,sans-serif;color:#e0f7fa;display:flex;justify-content:center;align-items:center;overflow-x:hidden}body:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;height:60vh;background:radial-gradient(circle,rgba(0,243,255,.15) 0%,transparent 70%);z-index:-1;pointer-events:none}.container{width:90%;max-width:800px;position:relative;z-index:10;padding:40px 0}.card{background:#0a0a10b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,243,255,.3);box-shadow:0 0 20px #00f3ff1a,inset 0 0 20px #00f3ff0d;padding:50px;border-radius:16px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 0 1px #00f3ff1a;pointer-events:none}h1{font-family:Orbitron,sans-serif;font-size:3.5rem;margin:0;background:linear-gradient(180deg,#fff,#00f3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,243,255,.5);letter-spacing:2px;text-transform:uppercase}p.subtitle{color:#00f3ff;font-size:1.2rem;letter-spacing:3px;margin-bottom:40px;text-transform:uppercase;opacity:.8}.input-group{display:flex;gap:15px;margin-bottom:10px;position:relative}input{flex:1;background:#00000080;border:1px solid #333;padding:18px 25px;border-radius:8px;color:#00f3ff;font-family:Rajdhani,sans-serif;font-size:1.2rem;outline:none;transition:all .3s ease;box-shadow:inset 0 0 10px #00000080}input:focus{border-color:#00f3ff;box-shadow:0 0 15px #00f3ff33,inset 0 0 10px #000c}button{padding:0 40px;background:linear-gradient(45deg,#00f3ff,#06f);border:none;border-radius:8px;color:#000;font-family:Orbitron,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 15px #00f3ff33}button:hover{transform:translateY(-2px);box-shadow:0 0 25px #00f3ff99}button:disabled{background:#333;color:#666;cursor:not-allowed;box-shadow:none}.recent-scans{margin-bottom:30px;font-family:Orbitron,sans-serif;font-size:.75rem;color:#888;text-align:left;letter-spacing:1px}.recent-scan-link{color:#bc13fe;cursor:pointer;text-transform:lowercase;transition:color .3s ease}.recent-scan-link:hover{color:#00f3ff;text-shadow:0 0 8px rgba(0,243,255,.5)}.results{margin-top:30px;border-top:1px solid rgba(0,243,255,.2);padding-top:30px;animation:hologram .5s ease-out}@keyframes hologram{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.score-container{display:flex;justify-content:center;margin-bottom:30px}.score-circle{width:150px;height:150px;border-radius:50%;border:4px solid #333;border-top:4px solid #00f3ff;border-right:4px solid #bc13fe;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 30px #00f3ff33;animation:spinBorder 2s infinite linear;position:relative}.score-text{animation:counterSpin 2s infinite linear}.score-text h2{font-family:Orbitron,sans-serif;font-size:3.5rem;margin:0;color:#fff;text-shadow:0 0 10px #00f3ff}.score-text span{font-size:.9rem;color:#888}.tech-stack-container{background:#00f3ff08;border-left:3px solid #bc13fe;padding:20px;margin-bottom:20px;text-align:left}.tech-title{font-family:Orbitron,sans-serif;color:#00f3ff;font-size:1.17em;margin-top:0;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.tech-badges{display:flex;flex-wrap:wrap;gap:12px}.tech-badge{padding:6px 15px;background:#00000080;border:1px solid #00f3ff;color:#00f3ff;border-radius:4px;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 0 8px #00f3ff33;transition:all .3s ease;cursor:default}.tech-badge:hover{transform:translateY(-2px);box-shadow:0 0 15px #00f3ff99,inset 0 0 8px #00f3ff33;background:#00f3ff1a;color:#fff}.info-box{background:#00f3ff08;border-left:3px solid #00f3ff;padding:20px;margin-bottom:20px;text-align:left;position:relative}h3{font-family:Orbitron,sans-serif;color:#00f3ff;margin-top:0}ul{list-style:none;padding:0}li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center}li:before{content:">";color:#bc13fe;margin-right:10px;font-weight:700}.copy-btn{position:absolute;top:15px;right:15px;background:transparent;border:1px solid rgba(0,243,255,.5);color:#00f3ff;padding:4px 10px;font-size:.75rem;border-radius:4px;cursor:pointer;font-family:Orbitron,sans-serif;transition:all .3s;box-shadow:none}.copy-btn:hover{background:#00f3ff1a;border-color:#00f3ff;transform:none;box-shadow:0 0 10px #00f3ff4d}.action-buttons{display:flex;justify-content:center;margin-top:30px}.btn-small{padding:10px 20px;background:transparent;border:1px solid #bc13fe;color:#bc13fe;border-radius:4px;font-family:Orbitron,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;text-transform:uppercase;transition:all .3s ease;box-shadow:none}.btn-small:hover{background:#bc13fe1a;box-shadow:0 0 15px #bc13fe80;color:#fff;transform:translateY(-2px)}.scanning-bar{height:4px;width:100%;background:#333;position:relative;overflow:hidden;margin-top:20px;border-radius:2px}.scanning-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;width:40%;background:#00f3ff;box-shadow:0 0 15px #00f3ff;animation:scan 1s infinite ease-in-out}@keyframes scan{0%{left:-40%}to{left:100%}}@keyframes spinBorder{to{transform:rotate(360deg)}}@keyframes counterSpin{to{transform:rotate(-360deg)}}
