:root{--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--radius-3xl: 2rem;--radius-4xl: 2.5rem}*{border-color:#e2e8f0}body{background-color:#f8fafc;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-panel{background-color:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn-primary{background-color:#2563eb;color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;box-shadow:0 10px 15px -3px #2563eb33}.btn-primary:hover{background-color:#1d4ed8}.btn-primary:active{transform:scale(.95)}.input-field{width:100%;padding:1rem;border-radius:1rem;background-color:#f8fafc;border:2px solid transparent;outline:none;transition:all .2s;color:#1e293b;box-shadow:inset 0 2px 4px #0000000f}.input-field:focus{border-color:#3b82f6;background-color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{@apply bg-transparent;}::-webkit-scrollbar-thumb{@apply bg-slate-200 rounded-full hover:bg-slate-300 transition-colors;}