@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Montserrat:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-nebula-black:#050606;--color-midnight-gaze:#0e111b;--color-astral-deep:#0d172b;--color-twilight-indigo:#12244f;--color-cosmic-violet:#1b346e;--color-starlight-violet:#85a6e9;--color-crystal-white:#fff;--color-lunar-dust:#abaebb;--color-ash-outline:#777a88;--color-comet-grey:#c7c9d1;--color-etherium-blue:#28b6ff;--color-brand-accent-glow:#625fff;--color-pink-nova-glow:#ff7dda;--gradient-deep-space:radial-gradient(circle at 50% 0%, #625fff26 0%, #05060600 70%);--gradient-card-glow:linear-gradient(135deg, #625fff0d 0%, #ff7dda05 100%);--gradient-button:linear-gradient(135deg, var(--color-brand-accent-glow) 0%, #4f4bff 100%);--gradient-pulse:linear-gradient(90deg, var(--color-brand-accent-glow), var(--color-pink-nova-glow), var(--color-etherium-blue));--font-display:"Montserrat", sans-serif;--font-body:"Inter", sans-serif;--font-code:"JetBrains Mono", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:24px;--radius-full:9999px;--shadow-card:#00000080 0px 4px 30px 0px;--shadow-glow:0 0 15px #625fff59;--shadow-glow-pink:0 0 15px #ff7dda59;--shadow-input-focus:0 0 0 2px #625fff40;--border-glass:1px solid #ffffff0d}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-nebula-black);color:var(--color-crystal-white);font-family:var(--font-body);min-height:100vh;font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}button,input,select,textarea{color:inherit;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-nebula-black)}::-webkit-scrollbar-thumb{background:var(--color-astral-deep);border-radius:var(--radius-sm);border:1px solid #ffffff0d}::-webkit-scrollbar-thumb:hover{background:var(--color-cosmic-violet)}.app-container{background-image:var(--gradient-deep-space);background-repeat:no-repeat;background-size:100% 1000px;min-height:100vh;display:flex}.sidebar{border-right:var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0e111bf2;flex-direction:column;width:260px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.main-content{max-width:var(--font-display);flex:1;width:100%;margin:0 auto;padding:32px}.bento-card{background-color:var(--color-midnight-gaze);border:var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.bento-card:before{content:"";background:var(--gradient-card-glow);pointer-events:none;opacity:.8;position:absolute;inset:0}.bento-card:hover{border-color:#625fff33;transform:translateY(-2px)}.form-group{margin-bottom:20px}.form-label{color:var(--color-lunar-dust);font-size:14px;font-weight:500;font-family:var(--font-body);margin-bottom:8px;display:block}.form-input{background-color:var(--color-nebula-black);border:1px solid var(--color-ash-outline);border-radius:var(--radius-md);width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.form-input:focus{border-color:var(--color-brand-accent-glow);box-shadow:var(--shadow-glow), var(--shadow-input-focus);outline:none}.btn{border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--gradient-button);color:var(--color-crystal-white);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 20px #625fff80}.btn-secondary{background-color:var(--color-astral-deep);color:#8798c1;border:1px solid #172540}.btn-secondary:hover{border-color:var(--color-brand-accent-glow);background-color:#17254099}.btn-ghost{color:var(--color-lunar-dust);border:1px solid var(--color-ash-outline);background:0 0}.btn-ghost:hover{border-color:var(--color-crystal-white);color:var(--color-crystal-white)}.nav-pill{border-radius:var(--radius-full);color:var(--color-lunar-dust);align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-pill:hover,.nav-pill.active{background-color:var(--color-cosmic-violet);color:var(--color-crystal-white)}.nav-pill.active{box-shadow:var(--shadow-glow);border:1px solid #625fff33}.badge{border-radius:var(--radius-full);border:1px solid #0000;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.badge-glow{color:var(--color-starlight-violet);background-color:#625fff1a;border-color:#625fff33}.badge-pink{color:var(--color-pink-nova-glow);background-color:#ff7dda1a;border-color:#ff7dda33}.badge-blue{color:var(--color-etherium-blue);background-color:#28b6ff1a;border-color:#28b6ff33}@keyframes pulse{0%{box-shadow:0 0 #ff7dda66}70%{box-shadow:0 0 0 10px #ff7dda00}to{box-shadow:0 0 #ff7dda00}}.pulse-state{animation:2s infinite pulse}@keyframes terminal-glow{0%,to{opacity:.9}50%{opacity:1}}.glass-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--border-glass);border-radius:var(--radius-xl);background:#0e111bb3}