@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#f9fafb;--bg-secondary:#fff;--bg-glass:#fff;--bg-glass-hover:#f3f4f6;--border-glass:#e5e7eb;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-glow:0 0 20px #3b82f626;--shadow-glass:0 8px 32px 0 #0000005e;--transition-fast:.15s ease-in-out;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;position:relative;overflow-x:hidden}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-primary)}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.main-content{flex:1;width:100%}.main-header{z-index:100;border-bottom:1px solid var(--border-glass);background:#fff;padding:12px 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.logo span{color:var(--accent-primary)}.main-nav{gap:32px;display:flex}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.main-footer{border-top:1px solid var(--border-glass);text-align:center;color:var(--text-muted);margin-top:auto;padding:32px 0;font-size:.9rem}.glass-panel{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.grid-layout{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.spinner{border:3px solid var(--bg-glass);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;margin:40px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}