@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";:root{--primary:#6366f1;--primary-dark:#4f46e5;--accent:#f43f5e;--bg-color:#f8fafc;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#00000014;--glass:#00000005;--nav-bg:#f8fafccc;--font-serif:"Playfair Display", serif;--font-sans:"Outfit", sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}body.dark-mode{--bg-color:#121214;--bg-card:#1e1e21;--text-main:#f4f4f5;--text-muted:#a1a1aa;--border:#ffffff14;--glass:#ffffff08;--nav-bg:#121214cc}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s}body{background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-main);letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none;transition:all .3s}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);transition:var(--transition);border-radius:24px;padding:2rem}.glass:hover{border-color:#6366f14d;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}@media (width<=1024px){.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (width<=768px){.container{padding:0 1rem}.grid{grid-template-columns:1fr}h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}h3{font-size:1.4rem!important}.glass{padding:1.5rem!important}}@media (width<=600px){.hide-on-mobile{display:none!important}.full-width-mobile{width:100%!important;margin:0!important}.stack-mobile{flex-direction:column!important;gap:1rem!important}section{padding:2rem 0!important}}