:root{--primary-bg: #f5f7fa;--secondary-bg: #ffffff;--primary-green: #4caf1b;--secondary-green: #388e13;--accent-green: #6dd400;--text-main: #222;--text-light: #555;--border-color: #e5e9f2;--header-height: 72px;--transition-speed: .3s}body{background:var(--primary-bg);color:var(--text-main);font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0;min-height:100vh}.header{background:var(--secondary-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:var(--header-height, 72px);box-shadow:0 2px 12px #4caf1b12;background:linear-gradient(90deg,#fff 70%,#f0fff0);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:20px}.logo-link{display:flex;align-items:center}.logo-image{height:150px;width:auto;object-fit:contain;transition:transform .3s ease}.logo-link:hover .logo-image{transform:scale(1.05)}.header-right{display:flex;align-items:center;gap:16px}.trade-button{background:var(--primary-green);color:#fff;text-decoration:none;padding:8px 16px;border-radius:4px;font-weight:600;font-size:.9rem;white-space:nowrap;transition:all .3s ease;background:linear-gradient(90deg,var(--primary-green) 60%,var(--accent-green) 100%);box-shadow:0 2px 8px #4caf1b14;letter-spacing:.01em}.trade-button:hover{background:linear-gradient(90deg,var(--accent-green) 40%,var(--primary-green) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #4caf1b2e}.trade-button:active{transform:translateY(0)}.social-icon-link{display:flex;align-items:center;margin-right:20px;transition:transform .3s ease}.social-icon{height:30px;width:auto;transition:transform .3s ease}.social-icon:hover{transform:scale(1.15)}.desktop-menu{display:flex;align-items:center;height:100%}.desktop-menu-items{display:flex;list-style:none;margin:0;padding:0;height:100%;gap:24px}.desktop-menu-items li{height:100%;display:flex;align-items:center}.desktop-menu-items li a{color:var(--secondary-green);text-decoration:none;font-weight:500;font-size:1rem;padding:0 8px;height:100%;display:flex;align-items:center;position:relative;transition:color .2s}.desktop-menu-items li a:hover{color:var(--primary-green)}.desktop-menu-items li a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--primary-green);transform:scaleX(0);transition:transform .3s;transform-origin:right}.desktop-menu-items li a:hover:after{transform:scaleX(1);transform-origin:left}.mobile-menu{display:none}.hamburger{display:none;background:none;border:none;padding:10px;cursor:pointer;margin:0;width:40px;height:40px;position:relative;transition:all .3s}.hamburger-line{display:block;width:24px;height:2px;margin:5px 0;background-color:var(--secondary-green);transition:transform .3s,opacity .2s}.hamburger.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.layout{max-width:900px;margin:40px auto 0;padding:0 16px}section,.container,.theme-switcher{background:var(--secondary-bg);border-radius:8px;padding:32px 24px;margin-bottom:32px;border:1px solid var(--border-color);box-shadow:0 2px 12px #4caf1b1a,0 8px 32px #6dd4001a,0 0 32px #7fff000f,0 0 48px #c8ff000d,0 0 64px #6dd4000d,0 1.5px #e5e9f2;background:linear-gradient(135deg,#fafdff,#f5f7fa 60%,#f0fff0);position:relative;z-index:1;overflow:visible}h1,h2,h3{color:var(--secondary-green);margin-top:0}h2{font-size:2rem;font-weight:600}p{color:var(--text-light);font-size:1.1rem;line-height:1.6}button,.cta-btn{background:var(--primary-green);color:#fff;border:none;border-radius:4px;padding:10px 22px;font-size:1rem;font-weight:600;cursor:pointer;margin:8px 0;box-shadow:0 2px 8px #4caf1b14,0 1.5px #e5e9f2;background:linear-gradient(90deg,var(--primary-green) 60%,var(--accent-green) 100%);letter-spacing:.02em;transition:background .18s,box-shadow .18s,transform .13s}button:hover,.cta-btn:hover{background:linear-gradient(90deg,var(--accent-green) 40%,var(--primary-green) 100%);box-shadow:0 4px 16px #4caf1b29;transform:translateY(-1px) scale(1.02)}button:active,.cta-btn:active{transform:scale(.98)}button:disabled{background:#b3c6d9;color:#fff;cursor:not-allowed}.footer{background:var(--secondary-bg);border-top:1px solid var(--border-color);text-align:center;padding:24px 0 16px;color:var(--text-light);font-size:1rem;margin-top:40px}.container:last-child,.theme-switcher:last-child,section:last-child{margin-bottom:0}@media (min-width: 1200px){.container{padding:40px 36px}}@media (max-width: 700px){.header{padding:0 16px;height:60px}.logo-image{height:45px;margin:0 0 0 12px}.hamburger{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 8px 0 0;order:2;z-index:20}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:70%;max-width:300px;height:100vh;background:var(--secondary-bg);display:flex;flex-direction:column;align-items:flex-start;padding:80px 0 0;box-shadow:-5px 0 25px #00000026;transform:translate(100%);z-index:90;transition:transform var(--transition-speed) cubic-bezier(.4,0,.2,1)}.mobile-menu.open{transform:translate(0)}.mobile-menu-items{flex-direction:column;gap:0;width:100%;list-style:none;margin:0;padding:0}.mobile-menu-items li{width:100%;border-bottom:1px solid var(--border-color)}.mobile-menu-items li a{padding:20px 24px;width:100%;display:block;font-size:1.1rem;color:var(--secondary-green);text-decoration:none;transition:color .2s}.mobile-menu-items li a:hover{color:var(--primary-green)}.container,.theme-switcher,section{padding:16px;margin:8px;border-radius:6px}.footer{padding:16px;font-size:.9rem}.header-right{gap:10px}.trade-button{padding:6px 12px;font-size:.8rem}.social-icon-link{margin-right:12px;z-index:21}.social-icon{height:24px}}@media (min-width: 701px){.hamburger{display:none!important}.mobile-menu{display:none}}body.dark{--primary-bg: #181c22;--secondary-bg: #23272f;--primary-green: #6dd400;--secondary-green: #b6ff7a;--accent-green: #4caf1b;--text-main: #f5f7fa;--text-light: #b3c6d9;--border-color: #2a2e36;background:var(--primary-bg);color:var(--text-main)}body.dark .header{background:linear-gradient(90deg,#23272f 70%,#1a1d22)}body.dark section,body.dark .container,body.dark .theme-switcher{background:linear-gradient(135deg,#23272f,#181c22);border:1px solid var(--border-color);color:var(--text-main)}body.dark h1,body.dark h2,body.dark h3{color:var(--primary-green)}body.dark button,body.dark .cta-btn{background:linear-gradient(90deg,#4caf1b 60%,#6dd400);color:#fff;box-shadow:0 2px 8px #4caf1b2e,0 1.5px #23272f}body.dark button:hover,body.dark .cta-btn:hover{background:linear-gradient(90deg,#6dd400 40%,#4caf1b);box-shadow:0 4px 16px #4caf1b47}body.dark .trade-button{background:linear-gradient(90deg,#4caf1b 60%,#6dd400);color:#fff;box-shadow:0 2px 8px #4caf1b2e,0 1.5px #23272f}body.dark .trade-button:hover{background:linear-gradient(90deg,#6dd400 40%,#4caf1b);box-shadow:0 4px 16px #4caf1b47}button:focus,.cta-btn:focus,.hamburger:focus{outline:2px solid var(--primary-green);outline-offset:2px;box-shadow:0 0 0 3px #6dd40033}.menu-items li a{position:relative;overflow:hidden}.menu-items li a:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:var(--primary-green);visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out}.menu-items li a:hover:before{visibility:visible;transform:scaleX(1)}@media (max-width: 700px){.menu{transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu.open{transform:translate(0)}.menu-items li{opacity:0;transform:translate(20px);transition:opacity .3s ease-out,transform .3s ease-out}.menu.open .menu-items li{opacity:1;transform:translate(0)}.menu.open .menu-items li:nth-child(1){transition-delay:.1s}.menu.open .menu-items li:nth-child(2){transition-delay:.15s}.menu.open .menu-items li:nth-child(3){transition-delay:.2s}.menu.open .menu-items li:nth-child(4){transition-delay:.25s}.menu.open .menu-items li:nth-child(5){transition-delay:.3s}}