.nav-container{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .3s ease}.nav-container.scrolled{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;height:60px;max-width:1200px;margin:0 auto}.nav-link{color:#4e5968;font-weight:500;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#1a73e8}.nav-button{background-color:#1a73e8;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.nav-button:hover{background-color:#1765cc}.user-profile{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;background-color:#e8f0fe}.user-avatar{overflow:hidden}.user-avatar,.user-avatar-placeholder{width:2rem;height:2rem;border-radius:9999px}.user-avatar-placeholder{background-color:#1a73e8;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.user-name{font-size:.875rem;font-weight:500;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-menu{display:none;position:absolute;top:60px;left:0;right:0;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:1rem;overflow:hidden;transition:max-height .3s ease}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu,.mobile-menu-button{display:block}.mobile-menu.closed{max-height:0;padding:0}.mobile-menu.open{max-height:300px}}@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");:root{--primary-blue:#1a73e8;--secondary-green:#34a853;--tertiary-purple:#6c5ce7;--accent-red:#e74c3c;--background-color:#f8f9fc;--surface-color:#fff;--text-dark:#1d2129;--text-medium:#4e5968;--text-light:#8a94a6;--shadow-sm:0 4px 10px rgba(0,0,0,.05);--shadow-md:0 10px 25px rgba(0,0,0,.08);--shadow-lg:0 20px 40px rgba(0,0,0,.12);--transition-smooth:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-medium);background-color:var(--background-color);line-height:1.6}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOutDown{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h1,h2,h3,h4,h5,h6{font-family:Figtree,ui-sans-serif,system-ui;color:var(--text-dark);line-height:1.3;letter-spacing:-.01em}h1{font-weight:800;font-size:42px;margin-bottom:20px}h2{font-size:32px;margin-bottom:15px}h2,h3{font-weight:700}h3{font-size:24px;margin-bottom:12px}p{margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:var(--transition-smooth);border:none;text-align:center;gap:8px}.btn-primary{background-color:var(--primary-blue);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(26,115,232,.2)}.btn-secondary{background-color:#fff;color:var(--primary-blue);border:1px solid var(--primary-blue)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.btn-success{background-color:var(--secondary-green);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(52,168,83,.2)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:768px){h1{font-size:32px}h2{font-size:28px}h3{font-size:20px}.btn{padding:10px 16px;font-size:14px}}