:root,body.theme-blue{--primary-color:#a8c5dd;--secondary-color:#c8d5e0;--gradient-start:#a8c5dd;--gradient-end:#c8d5e0}body.theme-sage{--primary-color:#b8c9b8;--secondary-color:#d4dfd4;--gradient-start:#b8c9b8;--gradient-end:#d4dfd4}body.theme-blush{--primary-color:#e8c4c4;--secondary-color:#f5e0e0;--gradient-start:#e8c4c4;--gradient-end:#f5e0e0}body.theme-sand{--primary-color:#e5d4c1;--secondary-color:#f0e6d9;--gradient-start:#e5d4c1;--gradient-end:#f0e6d9}body.theme-lavender{--primary-color:#d5c5d8;--secondary-color:#e8dde8;--gradient-start:#d5c5d8;--gradient-end:#e8dde8}body{background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);font-family:Nunito,sans-serif;margin:0;min-height:100vh;transition:background .3s ease}.theme-switcher{background:hsla(0,0%,100%,.95);border-radius:12px;bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;gap:8px;padding:8px;position:fixed;right:20px;z-index:1000}.theme-btn{border:2px solid transparent;border-radius:8px;cursor:pointer;height:36px;transition:all .2s ease;width:36px}.theme-btn:hover{border-color:rgba(0,0,0,.2);transform:scale(1.1)}.theme-btn.active{border-color:rgba(0,0,0,.4);box-shadow:0 0 0 2px hsla(0,0%,100%,.5)}.theme-btn.blue{background:linear-gradient(135deg,#a8c5dd,#c8d5e0)}.theme-btn.sage{background:linear-gradient(135deg,#b8c9b8,#d4dfd4)}.theme-btn.blush{background:linear-gradient(135deg,#e8c4c4,#f5e0e0)}.theme-btn.sand{background:linear-gradient(135deg,#e5d4c1,#f0e6d9)}.theme-btn.lavender{background:linear-gradient(135deg,#d5c5d8,#e8dde8)}.hamburger-btn{align-items:center;background:hsla(0,0%,100%,.95);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;display:flex;flex-direction:column;gap:5px;height:48px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:48px;z-index:1001}.hamburger-btn:hover{box-shadow:0 6px 16px rgba(0,0,0,.2);transform:scale(1.05)}.hamburger-btn span{background:#333;border-radius:2px;height:3px;transition:all .3s ease;width:24px}.hamburger-btn.active span:first-child{transform:rotate(45deg) translate(7px,7px)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.slide-menu{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.98);box-shadow:-4px 0 20px rgba(0,0,0,.15);height:100vh;max-width:85vw;overflow-x:hidden;overflow-y:auto;padding:80px 24px 24px;position:fixed;right:-100%;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:1000}.slide-menu.active{right:0}.menu-overlay{background:rgba(0,0,0,.5);height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:999}.menu-overlay.active{opacity:1;visibility:visible}.menu-section{margin-bottom:32px}.menu-section-title{color:#666;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.menu-item{align-items:center;background:hsla(0,0%,100%,.6);border-radius:10px;color:#333;display:flex;font-weight:600;gap:12px;margin-bottom:8px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.menu-item:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateX(-4px)}.menu-item i{font-size:1.1rem;text-align:center;width:24px}.menu-theme-switcher{background:hsla(0,0%,100%,.6);border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;padding:12px}.menu-theme-btn{border:2px solid rgba(0,0,0,.15);border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;height:44px;transition:all .2s ease;width:44px}.menu-theme-btn:hover{border-color:rgba(0,0,0,.3);box-shadow:0 4px 8px rgba(0,0,0,.15);transform:scale(1.1)}.menu-theme-btn.active{border-color:rgba(0,0,0,.6);border-width:3px;box-shadow:0 0 0 2px hsla(0,0%,100%,.8),0 4px 8px rgba(0,0,0,.2)}.menu-theme-btn.blue{background:linear-gradient(135deg,#a8c5dd,#c8d5e0)}.menu-theme-btn.sage{background:linear-gradient(135deg,#b8c9b8,#d4dfd4)}.menu-theme-btn.blush{background:linear-gradient(135deg,#e8c4c4,#f5e0e0)}.menu-theme-btn.sand{background:linear-gradient(135deg,#e5d4c1,#f0e6d9)}.menu-theme-btn.lavender{background:linear-gradient(135deg,#d5c5d8,#e8dde8)}