:root{--color-primary: #235347;--color-secondary: #8EB69B;--color-tertiary: #DAF1DE;--color-background: #0B2B26;--color-gray: #9ca8a0}body{scroll-behavior:smooth}.nav-btn.active{background-color:var(--color-tertiary);color:var(--color-secondary)!important;font-weight:600}.section-content{display:none;min-height:80vh}.section-content.active{display:block;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.luxury-frame{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:1rem;overflow:hidden;box-shadow:inset 0 4px 8px #0000000d,0 20px 40px #00000026,0 0 0 1px #ffffff1a,0 4px 6px -1px #0000001a;transition:all .5s ease}.luxury-frame:hover{transform:translateY(-4px);box-shadow:inset 0 4px 8px #0000000d,0 25px 50px #0003,0 0 0 1px #06b6d44d}.luxury-modal-mobile{width:100%;max-width:28rem;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.luxury-modal-desktop{max-width:80rem;width:100%;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -15px #0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.luxury-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(to right,#0f172ae6,#1e293be6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.nav-btn .icon-container{position:relative}.nav-btn:hover .icon-container:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background:radial-gradient(circle,rgba(34,211,238,.4),transparent 70%);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.nav-btn-active{animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@media (max-width: 640px){.nav-btn span{display:none}.nav-btn{padding:.75rem!important}}
