:root{--color-bg:#f8fafc;--color-surface:#ffffffb3;--color-surface-hover:#ffffffe6;--color-border:#e2e8f099;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glass:0 8px 32px 0 #1f268712;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 10% 20%,#7d5eed0d 0,#0000 40%),radial-gradient(at 80% 0,#ed5e900a 0,#0000 40%),radial-gradient(at 40% 80%,#5ed5ed0d 0,#0000 40%);min-height:100vh;line-height:1.5}a{color:inherit;transition:var(--transition);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass{background:var(--color-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);box-shadow:var(--shadow-glass)}.truncate-2-lines{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.layout-wrapper{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:100;border-bottom:1px solid var(--color-border);width:100%;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.logo{align-items:center;gap:.5rem;display:flex}.logo-img{width:auto;height:50px;display:block}.nav-links{gap:1.5rem;display:flex}.nav-link{color:var(--color-text-muted);font-weight:500}.nav-link:hover{color:var(--color-text-main)}@media (max-width:768px){.navbar-container{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:.75rem}}.nav-dropdown{height:100%;display:inline-block;position:relative}.nav-dropbtn{color:var(--color-text-muted);transition:var(--transition);align-items:center;gap:.25rem;padding:.5rem 0;font-size:.9375rem;font-weight:500;display:flex}.nav-dropbtn:hover{color:var(--color-text-main)}.dropdown-caret{transition:transform .2s}.dropdown-caret.open{transform:rotate(180deg)}.nav-dropdown-content{z-index:1000;border-radius:var(--radius-md);opacity:0;visibility:hidden;min-width:260px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);background:#fff;flex-direction:column;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%)translateY(10px)}.nav-dropdown:after{content:"";width:100%;height:25px;position:absolute;top:100%;left:0}.nav-dropdown-content.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown-item{color:var(--color-text-main);border-radius:var(--radius-sm);padding:.6rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s}.nav-dropdown-item:hover{background-color:var(--color-primary);color:#fff}@media (max-width:768px){.nav-dropdown{position:static}.nav-dropdown-content{width:auto;top:100%;left:1rem;right:1rem;transform:translateY(10px)}.nav-dropdown-content.show{transform:translateY(0)}}.main-content{flex:1}.footer{border-top:1px solid var(--color-border);background:#fff;margin-top:4rem;padding:4rem 1.5rem 2rem}.footer-container{grid-template-columns:1fr;gap:3rem;max-width:1200px;margin:0 auto;display:grid}@media (min-width:768px){.footer-container{grid-template-columns:2fr 3fr}}.footer-brand p{color:var(--color-text-muted);max-width:300px;margin-top:1rem}.grayscale{filter:grayscale();opacity:.7}.footer-links{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.link-group h4{margin-bottom:1rem;font-weight:600}.link-group a{color:var(--color-text-muted);margin-bottom:.5rem;display:block}.link-group a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);text-align:center;max-width:1200px;color:var(--color-text-muted);margin:3rem auto 0;padding-top:1.5rem;font-size:.875rem}