*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-primary:#00d4ff;--accent-secondary:#ff006e;--glow-cyan:#00d4ff80;--glow-pink:#ff006e80}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;cursor:default;margin:0;overflow-x:hidden;padding:0}html{overflow:auto;scroll-behavior:smooth}.smooth-scroll-container{will-change:transform}.App{background:#0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:20px;position:relative;text-align:center}.glass{background:#141414b3;box-shadow:0 8px 32px #00000080,0 0 80px #00d4ff1a}.glass,.glass-dark{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff1a}.glass-dark{background:#0a0a0acc;box-shadow:0 8px 32px #00000080,0 0 60px #ff006e0d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4ff80}50%{box-shadow:0 0 40px #00d4ffcc,0 0 60px #00d4ff66}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}h1{color:#fff;font-size:3.5em;font-weight:800;letter-spacing:-2px;margin-bottom:30px}form{background:#0f0f0fe6;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px #00000080,0 0 60px #00d4ff0d;margin:20px auto;max-width:500px;padding:30px}form div{align-items:center;display:flex;justify-content:center;margin:15px 0}label{color:#fff;font-weight:600;margin-right:10px;min-width:150px;text-align:right}input{background:#0a0a0acc;border:2px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:10px 15px;transition:all .3s;width:250px}input:focus{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff33;outline:none}button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:25px;box-shadow:0 4px 15px #007bff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 30px;transition:transform .2s,box-shadow .2s}div>h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d4ff,#ff006e);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2em;margin-top:40px}div>p{color:#e0e0e0;font-size:18px;margin:10px 0}ul{list-style:none;margin:20px auto;max-width:600px;padding:0}li{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0fcc;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 4px 12px #00000080;color:#fff;font-size:16px;margin:10px 0;padding:15px;transition:all .3s ease}li:hover{border-color:#00d4ff4d;box-shadow:0 4px 20px #00d4ff33,0 0 40px #00d4ff1a;transform:translateX(10px)}button:hover{box-shadow:0 8px 25px #007bff80;transform:translateY(-2px) scale(1.05)}button:active{transform:translateY(0) scale(.98)}.glow{animation:glow 2s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00d4ff,#ff006e);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ff006e,#00d4ff)}.vs-indicator-mobile-hide{display:flex!important}.platform-card{width:100%}.platforms-grid-both{align-items:stretch;display:grid;grid-auto-rows:1fr;grid-template-columns:1fr 1fr}.platforms-grid-single{display:grid;grid-template-columns:1fr;margin:0 auto;max-width:800px}@media (max-width:1024px){.platforms-grid-both{grid-auto-rows:auto;grid-template-columns:1fr}}@media (max-width:768px){.vs-indicator-mobile-hide{display:none!important}h1{font-size:2em}form{max-width:100%;padding:20px}form div{align-items:flex-start;flex-direction:column}label{margin-bottom:5px;min-width:auto;text-align:left}input{max-width:100%;width:100%}.platform-card{min-width:100%!important}[style*=gridTemplateColumns]{grid-template-columns:1fr!important}}@media (max-width:600px){.export-btn{font-size:11px!important;padding:5px 8px!important}}@media (max-width:400px){.export-btn span{display:none}}@media (max-width:480px){h1{font-size:1.5em;margin-bottom:20px}h2{font-size:1.3em}h3{font-size:1.1em}form{padding:15px}button{font-size:14px;padding:10px 20px}ul{padding:0 10px}li{font-size:14px;padding:12px}}