@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:#0a0a1a;color:#fff;min-height:100vh;overflow-x:hidden;line-height:1.6}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 20% 20%,rgba(138,43,226,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,212,255,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,0,128,.04) 0%,transparent 50%)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8a2be2,#00d4ff);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9b4dff,#00e5ff)}::selection{background:#8a2be266;color:#fff}a{color:#00d4ff;text-decoration:none;transition:color .3s}a:hover{color:#8a2be2}img{max-width:100%;height:auto;display:block}.gradient-text{background:linear-gradient(135deg,#8a2be2,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-alt{background:linear-gradient(135deg,#ff0080,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:all .3s ease;text-decoration:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#8a2be2,#00d4ff);color:#fff}.btn-primary:hover{box-shadow:0 10px 40px #8a2be24d}.btn-secondary{background:transparent;border:2px solid rgba(138,43,226,.4);color:#8a2be2}.btn-secondary:hover{background:#8a2be21a;border-color:#8a2be2}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.btn-outline:hover{border-color:#ffffff4d;color:#fff}.btn-danger{background:linear-gradient(135deg,#ff0040,#f44);color:#fff}.btn-danger:hover{box-shadow:0 10px 30px #ff00404d}.btn-success{background:linear-gradient(135deg,#00cc6a,#0f8);color:#000}.btn-success:hover{box-shadow:0 10px 30px #00cc6a4d}.input{width:100%;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;font-size:1rem;outline:none;font-family:inherit;transition:border-color .3s,box-shadow .3s}.input::placeholder{color:#ffffff40}.input:focus{border-color:#8a2be280;box-shadow:0 0 0 3px #8a2be21a}.card{padding:20px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s,border-color .3s,box-shadow .3s}.card:hover{transform:translateY(-3px);border-color:#8a2be24d;box-shadow:0 15px 40px #8a2be21a}.container{max-width:1200px;margin:0 auto;padding:0 30px}.spinner{width:50px;height:50px;border:3px solid rgba(138,43,226,.2);border-top-color:#8a2be2;border-radius:50%;animation:spin .8s linear infinite}.spinner-small{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.glass{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06)}[title]{position:relative;cursor:help}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow{0%,to{box-shadow:0 0 20px #8a2be233}50%{box-shadow:0 0 40px #8a2be266}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}@media (max-width: 768px){html{font-size:14px}.container{padding:0 16px}}@media (max-width: 480px){html{font-size:13px}}