*,:before,:after{box-sizing:border-box;margin:0;padding:0}@keyframes starTwinkle{0%,to{opacity:.3}50%{opacity:.8}}@keyframes radarSweep{0%{opacity:.06;transform:rotate(0)}50%{opacity:.12}to{opacity:.06;transform:rotate(360deg)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBorder{0%,to{border-color:#0030874d}50%{border-color:#00308799}}body{color:#e8edf5;background:linear-gradient(#000b1a 0%,#001233 30%,#002664 60%,#001845 100%) fixed;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;position:relative}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 10% 20%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 30% 65%,#ffffff4d 0%,#0000 100%),radial-gradient(1.5px 1.5px at 50% 10%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 70% 40%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 90% 80%,#fff6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 15% 85%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 45% 45%,#fff3 0%,#0000 100%),radial-gradient(1px 1px at 80% 15%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 25% 35%,#ffffff40 0%,#0000 100%),radial-gradient(1.5px 1.5px at 60% 75%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 5% 55%,#fff3 0%,#0000 100%),radial-gradient(1px 1px at 75% 55%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 40% 90%,#ffffff40 0%,#0000 100%),radial-gradient(1.5px 1.5px at 95% 25%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 55% 30%,#fff3 0%,#0000 100%);background-repeat:repeat;background-size:300px 300px;animation:4s ease-in-out infinite alternate starTwinkle;position:fixed;inset:0}.app{justify-content:center;align-items:center;min-height:100dvh;padding:clamp(12px,3vh,24px);display:flex;position:relative;overflow-x:hidden}.bg-orb{pointer-events:none;z-index:0;filter:blur(100px);border-radius:50%;position:fixed}.bg-orb-1{background:#00308714;width:350px;height:350px;top:15%;right:10%}.bg-orb-2{background:#b0b4b80a;width:300px;height:300px;bottom:10%;left:5%}.container{z-index:1;-webkit-backdrop-filter:blur(20px);background:#000819cc;border:1px solid #00308740;border-radius:4px;flex-direction:column;width:100%;max-width:min(96vw,960px);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009,inset 0 1px #00308726}.header{text-align:center;background:#0030870f;border-bottom:1px solid #00308733;flex-shrink:0;padding:clamp(20px,3.5vh,30px) clamp(16px,3vw,28px);position:relative}.header:after{content:"";background:linear-gradient(90deg,#0000,#b0b4b84d,#0000);height:1px;position:absolute;bottom:0;left:10%;right:10%}.header h1{letter-spacing:.25em;text-transform:uppercase;color:#e8edf5;text-shadow:0 0 40px #0030874d;justify-content:center;align-items:center;gap:12px;font-size:clamp(1.8rem,5.5vw,2.5rem);font-weight:700;display:flex}.header h1 .star{color:#b0b4b8;width:24px;height:24px;display:inline-block}.subtitle{color:#b0b4b899;letter-spacing:.12em;text-transform:uppercase;margin-top:6px;font-size:clamp(.82rem,2.2vw,.95rem);font-weight:400}.content{flex:1;padding:clamp(16px,3vw,28px);overflow-y:auto}.toast{color:#ff7878cc;cursor:pointer;text-align:center;background:#bf0a301f;border:1px solid #bf0a3040;border-radius:2px;margin-bottom:14px;padding:10px 14px;font-size:.85rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(12px,2vw,18px);display:grid}.service-card{background:#0030870a;border:1px solid #00308726;border-radius:2px;flex-direction:column;padding:clamp(18px,2.5vw,24px);transition:border-color .25s,box-shadow .25s;animation:.35s cubic-bezier(.22,1,.36,1) fadeSlide;display:flex;position:relative;box-shadow:inset 0 1px #00308714}.service-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#00308766,#0000);height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.service-card:hover{border-color:#00308759;box-shadow:inset 0 1px #00308714,0 4px 24px #00308714}.service-card:hover:before{opacity:1}.service-card.coming-soon{opacity:.35;pointer-events:none}.service-card.coming-soon:hover{box-shadow:none;border-color:#00308726}.service-card.coming-soon:before{display:none}.card-title{color:#e8edf5;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:600}.card-desc{color:#b0b4b88c;flex:1;margin-bottom:14px;font-size:clamp(.8rem,2vw,.88rem);line-height:1.5}.vote-row{align-items:center;gap:2px;display:flex}.vote-btn{color:#b0b4b833;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s cubic-bezier(.22,1,.36,1);display:flex}.vote-btn:hover{color:#b0b4b880;background:#0030871a}.vote-btn.up:hover,.vote-btn.up.active{color:#b0b4b8;background:#00308726}.vote-btn.down:hover,.vote-btn.down.active{color:#8b9092;background:#0030871a}.vote-score{text-align:center;color:#b0b4b866;font-variant-numeric:tabular-nums;min-width:28px;font-size:.9rem;font-weight:600}.vote-score.positive{color:#b0b4b8}.vote-score.negative{color:#8b9092}.card-footer{border-top:1px solid #0030871f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.card-link{color:#b0b4b880;letter-spacing:.04em;font-size:.82rem;font-weight:500;text-decoration:none;transition:color .2s}.card-link:hover{color:#b0b4b8}.status.pending{color:#b0b4b859;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.footer{color:#b0b4b840;letter-spacing:.05em;border-top:1px solid #00308726;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:clamp(10px,1.5vh,14px) clamp(14px,2vw,20px);font-size:clamp(.6rem,1.4vw,.7rem);display:flex}.footer-sep{color:#0030874d}.visitor-count{color:#b0b4b84d}@media (width<=640px){.card-grid{grid-template-columns:1fr}}