@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&display=swap";
:root{--bg-color:#f4f5f7;--sidebar-bg:#ffffffb3;--panel-color:#ffffffd9;--border-color:#0000000f;--accent-blue:#3b82f6;--accent-blue-deep:#2563eb;--accent-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--text-main:#1e293b;--text-dim:#64748b;--text-muted:#94a3b8;--sidebar-width:280px;--transition-smooth:cubic-bezier(.16,1,.3,1);--shadow-sm:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;--shadow-md:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;--shadow-lg:0 20px 25px -5px #0000000d,0 8px 10px -6px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 100% 0,#8b5cf614 0%,#0000 40%),radial-gradient(circle at 0 100%,#3b82f614 0%,#0000 40%);background-attachment:fixed;min-height:100vh;font-family:Pretendard,Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;font-family:Pretendard,Inter,sans-serif;font-weight:700}.glass{background:var(--panel-color);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .4s var(--transition-smooth);border-radius:20px}.glass:hover{box-shadow:var(--shadow-md);background:#fffffff2;transform:translateY(-2px)}.button-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:all .3s var(--transition-smooth);border:none;border-radius:100px;padding:.8rem 1.8rem;font-size:.95rem;font-weight:600;box-shadow:0 4px 12px #3b82f64d}.button-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #3b82f666}.button-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;transition:all .3s var(--transition-smooth);box-shadow:var(--shadow-sm);background:#fffc;border-radius:100px;padding:.8rem 1.8rem;font-weight:600}.button-secondary:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-1px)}.input-field{border:1px solid var(--border-color);color:var(--text-main);transition:all .3s var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-radius:14px;outline:none;padding:1rem 1.2rem;font-size:1rem}.input-field:focus{border-color:var(--accent-blue);background:#fff;transform:translateY(-1px);box-shadow:0 0 0 4px #3b82f626}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.layout-root{min-height:100vh;display:flex}.icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.icon-btn:hover{color:var(--accent-blue);background:#3b82f61a;transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.secure-input-group{align-items:center;gap:8px;display:flex}.secure-input-group .input-wrapper{flex:1}.action-buttons{align-items:center;gap:4px;display:flex}.highlight-pill{color:#fff!important;-webkit-backdrop-filter:blur(12px)!important;letter-spacing:-.01em!important;background:#ffffff14!important;border:1px solid #ffffff1a!important;border-radius:100px!important;align-items:center!important;padding:8px 20px!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.highlight-pill:hover{background:#ffffff26!important;border-color:#fff3!important;transform:translateY(-2px)!important;box-shadow:0 8px 16px #0003!important}.highlight-gradient{color:#fff!important;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)!important;border:1px solid #ffffff1a!important;border-radius:100px!important;align-items:center!important;padding:8px 20px!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;box-shadow:0 4px 12px #4f46e54d!important}.highlight-gradient:hover{background:linear-gradient(135deg,#4338ca 0%,#6d28d9 100%)!important;transform:translateY(-2px)scale(1.02)!important;box-shadow:0 10px 25px #4f46e580!important}.text-white-bold{color:#fff!important;font-weight:700!important}.nav-logo{color:#fff!important;letter-spacing:-.02em!important;white-space:nowrap!important;flex-direction:row!important;align-items:center!important;gap:12px!important;font-family:Outfit,sans-serif!important;font-size:24px!important;font-weight:800!important;text-decoration:none!important;display:flex!important}.logo-icon{color:#fff!important;background:linear-gradient(135deg,#6366f1,#a855f7)!important;border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;display:flex!important;box-shadow:0 4px 12px #6366f14d!important}