@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";html{scroll-behavior:smooth}:root{--bg-primary: #ffffff;--bg-secondary: #f4f4f4;--text-primary: #111111;--text-secondary: #555555;--accent: #2c59d1;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1)}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #161616;--text-primary: #ededed;--text-secondary: #a0a0a0;--accent: #6b40e3;--glass-bg: rgba(20, 20, 20, .6);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4{font-family:Playfair Display,serif;margin-bottom:1rem}a{text-decoration:none;color:inherit}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column}.hero-section{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden}.bg-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.overlay-dark{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:0}.overlay-light{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff6;z-index:0}.container{max-width:1280px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.btn{padding:.75rem 2rem;border-radius:999px;font-weight:600;font-family:Outfit,sans-serif;font-size:1.1rem;cursor:pointer;border:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-3px);box-shadow:0 10px 20px #2c59d14d}.nav-hub{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:100;padding:1rem 2rem;display:flex;gap:2rem}.nav-link{font-weight:600;font-size:1.1rem;position:relative;transition:color .3s}.nav-link:hover{color:var(--accent)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--glass-border);padding:2rem;display:flex;flex-direction:column;gap:1rem}.admin-content{flex:1;padding:2rem;background:var(--bg-primary)}.card{background:var(--bg-secondary);border-radius:16px;padding:2rem;border:1px solid var(--glass-border)}.fade-up{animation:fadeUp 1s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.container{padding:0 1.5rem}.grid-4{grid-template-columns:repeat(2,1fr)!important}.d4-bento-grid{grid-template-columns:1fr 1fr!important}.d4-bento-card-large{grid-column:span 1!important}}@media(max-width:768px){.container{padding:0 1rem}.hero-section{min-height:80vh;padding:6rem 1rem 2rem!important}.nav-hub{width:95%!important;padding:.8rem 1rem!important;flex-wrap:wrap;justify-content:space-between!important;gap:.5rem!important;top:.5rem!important;border-radius:16px!important}.grid-2,.grid-4{grid-template-columns:1fr!important}h1{font-size:2.5rem!important;line-height:1.1!important}h2{font-size:1.8rem!important}h3{font-size:1.3rem!important}.btn{font-size:.9rem!important;padding:.65rem 1.5rem!important}.admin-layout{flex-direction:column}.admin-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid var(--glass-border);flex-direction:row!important;flex-wrap:wrap;padding:1rem!important;gap:.5rem!important}.admin-content{padding:1.5rem!important}.admin-content header{flex-direction:column!important;gap:1rem!important;align-items:flex-start!important}footer .container>div{flex-direction:column!important;text-align:center!important;gap:1.5rem!important}form{flex-direction:column!important}form input,form textarea,form .btn{width:100%!important;flex:none!important}}@media(max-width:480px){h1{font-size:2rem!important}h2{font-size:1.5rem!important}h3{font-size:1.1rem!important}.hero-section{min-height:70vh}.nav-hub{width:100%!important;top:0!important;border-radius:0!important}.btn{font-size:.8rem!important;padding:.6rem 1.2rem!important}.glass{padding:1rem!important;border-radius:16px!important}.card{padding:1.2rem!important}}