:root{--bg-page: #f8fafc;--bg-card: #ffffff;--bg-header: rgba(255, 255, 255, .8);--accent-gold: #d97706;--accent-blue: #0284c7;--text-main: #0f172a;--text-muted: #64748b;--border-color: rgba(226, 232, 240, .8);--glow-color: rgba(56, 189, 248, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-page);color:var(--text-main);min-height:100vh;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.background-glow{position:fixed;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 50% 50%,var(--glow-color) 0%,rgba(15,23,42,0) 70%);z-index:-1;pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:16px 30px;margin:20px 0;border-radius:16px;background:var(--bg-header);backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:0 4px 20px #00000005}.logo-link{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--text-main)}.logo-img{height:48px;width:48px;display:block}.logo h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-gold),#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}nav ul{display:flex;gap:30px;list-style:none;align-items:center}nav a{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:.95rem;transition:all .3s ease;position:relative;padding:4px 0}nav a:hover{color:var(--accent-blue)}nav a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--accent-blue);transition:width .3s cubic-bezier(.4,0,.2,1)}nav a:hover:after{width:100%}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001;position:relative;width:44px;height:44px;align-items:center;justify-content:center}.hamburger{display:block;width:24px;height:2px;background-color:var(--text-main);position:relative;transition:background-color .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:24px;height:2px;background-color:var(--text-main);transition:all .3s ease}.hamburger:before{top:-8px}.hamburger:after{top:8px}.mobile-menu-toggle.active .hamburger{background-color:transparent}.mobile-menu-toggle.active .hamburger:before{top:0;transform:rotate(45deg)}.mobile-menu-toggle.active .hamburger:after{top:0;transform:rotate(-45deg)}footer{margin-top:auto;text-align:center;padding:40px 0;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem}@media(max-width:768px){header{flex-direction:row;justify-content:space-between;padding:16px 20px;position:relative;z-index:100}.mobile-menu-toggle{display:flex}.nav-menu{position:absolute;top:calc(100% + 16px);right:0;left:auto;width:auto;min-width:200px;background:var(--bg-header);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;max-height:0;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 10px 40px #00000026;z-index:1000}.nav-menu.active{max-height:300px;opacity:1;visibility:visible}nav ul{flex-direction:column;gap:0;padding:8px 0;align-items:stretch}nav ul li{width:100%}nav a{display:block;padding:14px 24px;width:100%;text-align:left;transition:background-color .2s ease,color .2s ease;white-space:nowrap}nav a:hover{background-color:#0284c714;color:var(--accent-blue)}nav a:after{display:none}.logo h1{font-size:1.25rem}footer{padding:30px 0}}@media(max-width:480px){.container{padding:0 15px}header{margin:15px 0;padding:12px 16px;border-radius:12px;position:relative}.logo-link{gap:10px}.logo-img{height:36px;width:36px}.logo h1{font-size:1.1rem}.mobile-menu-toggle{width:40px;height:40px;padding:8px}.hamburger,.hamburger:before,.hamburger:after{width:22px}.hamburger:before{top:-7px}.hamburger:after{top:7px}.nav-menu{top:calc(100% + 12px);right:0;min-width:180px;border-radius:12px}nav a{font-size:.9rem;padding:12px 20px}footer{padding:24px 0;font-size:.8rem}}