@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#050505;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-glow:#9061ff66;--accent-color:#9061ff;--accent-hover:#7b45f0;--glass-bg:#ffffff08;--glass-border:#ffffff14;--font-family:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, #05050500 70%);z-index:-1;pointer-events:none;filter:blur(100px);width:50%;height:60%;position:fixed;top:-20%;left:-10%}body:after{content:"";z-index:-1;pointer-events:none;filter:blur(120px);background:radial-gradient(circle,#3c78ff33 0%,#05050500 70%);width:40%;height:50%;position:fixed;bottom:-20%;right:-10%}a{color:var(--accent-color);text-decoration:none;transition:color .3s}a:hover{color:var(--accent-hover)}.layout-wrapper{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.main-content{flex:1}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 2rem;display:flex}.logo{letter-spacing:-.5px;background:linear-gradient(to right, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.nav{gap:2rem;display:flex}.nav a{color:var(--text-secondary);font-weight:500}.nav a:hover{color:var(--text-primary)}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 8px 32px #0000004d}.btn-primary{background:linear-gradient(135deg, var(--accent-color), #5e32d6);color:#fff;font-weight:600;font-family:var(--font-family);cursor:pointer;border:none;border-radius:12px;padding:12px 24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #9061ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9061ff80}.btn-primary:active{transform:translateY(0)}.input-premium{border:1px solid var(--glass-border);color:#fff;font-family:var(--font-family);background:#0003;border-radius:12px;outline:none;padding:14px 20px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.input-premium:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #9061ff33}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0003;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff1a;border:3px solid #0003;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.layout-wrapper{padding:1rem}.header{flex-direction:column;gap:1rem;padding:1rem}.nav{flex-wrap:wrap;justify-content:center;gap:1rem}.glass-panel{padding:1.5rem!important}.input-premium{width:100%}.grid-container{grid-template-columns:1fr!important}.btn-primary,.btn-secondary{text-align:center;justify-content:center;width:100%}}