:root{--bg:#050507;--bg-2:#0a0a0f;--panel:rgba(20,16,34,.45);--panel-border:rgba(139,92,246,.28);--violet:#8b5cf6;--violet-bright:#a855f7;--violet-glow:rgba(139,92,246,.55);--text:#fff;--text-dim:#b8b3c8;--text-faint:#6b6580;--danger:#ff4d6d;--success:#45e0a8}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}body:before{z-index:-2;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.18),transparent 45%),radial-gradient(circle at 50% 100%,rgba(168,85,247,.14),transparent 45%),var(--bg)}body:after,body:before{content:"";position:fixed;inset:0}body:after{z-index:-1;background-image:linear-gradient(rgba(139,92,246,.04) 1px,transparent 0),linear-gradient(90deg,rgba(139,92,246,.04) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 80%);mask-image:radial-gradient(circle at 50% 40%,#000,transparent 80%)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:rgba(10,10,15,.6)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#6d28d9);border-radius:999px;border:3px solid rgba(10,10,15,.6);box-shadow:0 0 8px rgba(139,92,246,.4)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a855f7,#8b5cf6);box-shadow:0 0 14px var(--violet-glow)}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:#8b5cf6 rgba(10,10,15,.6)}a{color:inherit;text-decoration:none}::selection{background:var(--violet);color:#fff}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(139,92,246,.05),0 20px 60px -20px rgba(139,92,246,.25)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;border:1px solid var(--panel-border);background:linear-gradient(180deg,rgba(139,92,246,.22),rgba(139,92,246,.08));color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:transform .18s ease,box-shadow .25s ease,border-color .25s ease}.btn:hover{border-color:var(--violet);box-shadow:0 0 24px -4px var(--violet-glow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--panel-border);background:rgba(10,10,15,.55);color:#fff;font-size:15px;font-family:JetBrains Mono,ui-monospace,monospace;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,92,246,.15)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .5s cubic-bezier(.16,1,.3,1) both}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 6px var(--violet-glow))}50%{filter:drop-shadow(0 0 18px var(--violet-glow))}}.glow{animation:pulse-glow 3.5s ease-in-out infinite}.mono,code{font-family:JetBrains Mono,ui-monospace,SF Mono,monospace}.page{max-width:1080px;margin:0 auto;width:100%;padding:40px 28px 80px}@media (max-width:640px){.page{padding:24px 16px 60px}.panel{border-radius:14px}nav{padding:16px!important}.btn{padding:13px 18px;width:100%;justify-content:center}.input{font-size:16px}code,pre{word-break:break-word;overflow-wrap:anywhere}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:420px){.nav-label{display:none}}@media (max-width:640px){.form-grid{grid-template-columns:1fr!important}.form-grid .btn{height:auto!important}}