:root{--nav-grad-1: #667eea;--nav-grad-2: #764ba2;--enq-grad-1: #ff512f;--enq-grad-2: #dd2476;--enq-grad-3: #7f00ff;--enq-shadow: rgba(221,36,118,.18);--backdrop-bg: rgba(7, 10, 25, .56);--modal-blur: blur(6px) saturate(1.05);--glass-white: rgba(255,255,255,.14);--text-muted: #64748b;--nav-height: 68px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.nav{background:linear-gradient(135deg,var(--nav-grad-1) 0%,var(--nav-grad-2) 100%);box-shadow:0 2px 20px #0000001f;position:sticky;top:0;z-index:1000;padding:0;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%);height:var(--nav-height)}.nav .container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;height:100%}.nav .brand{font-size:1.45rem;font-weight:800;letter-spacing:.6px}.brand-link{display:flex;align-items:center;text-decoration:none;gap:.55rem}.brand-logo{height:56px;width:56px;border-radius:50%;object-fit:cover;display:block;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 12px #00000059;background-color:#fff}.brand-title{color:#fff;font-weight:800;letter-spacing:.08em;font-size:1.35rem;text-transform:uppercase;text-shadow:1px 1px 2px rgba(0,0,0,.35)}.nav .brand a{color:#fff;text-decoration:none;transition:transform .25s,text-shadow .25s;text-shadow:1px 1px 2px rgba(0,0,0,.18)}.nav .brand a:hover{transform:translateY(-2px) scale(1.02);text-shadow:2px 2px 6px rgba(0,0,0,.25)}.nav .links{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;margin-left:auto}.nav .links a,.nav .links button{color:#fff;text-decoration:none;font-size:.98rem;font-weight:600;padding:.45rem .85rem;border-radius:8px;transition:transform .22s,background .22s;position:relative;display:inline-flex;align-items:center}.nav .links a:before{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:0;height:2px;background:#ffffffe6;transition:width .28s}.nav .links a:hover{background:#ffffff14;transform:translateY(-2px)}.nav .links a:hover:before{width:70%}.nav .links a.active{background:#ffffff14;box-shadow:inset 0 -2px #ffffff05}.nav .btn-logout{background:var(--glass-white);color:#fff;border:1px solid rgba(255,255,255,.12);padding:.45rem 1rem;border-radius:28px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .22s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav .btn-logout:hover{background:#fff;color:var(--nav-grad-1);transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.mobile-toggle{display:none;flex-direction:column;gap:6px;cursor:pointer;padding:.5rem;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;transition:background .18s,transform .18s}.mobile-toggle:focus{outline:none;box-shadow:0 0 0 4px #ffffff14}.mobile-toggle span{width:22px;height:3px;background:#fff;border-radius:3px;transition:all .28s ease;display:block}.mobile-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.btn-enquiry{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--enq-grad-1) 0%,var(--enq-grad-2) 100%);color:#fff!important;border:none;outline:none;padding:.55rem 1.05rem;border-radius:40px;font-size:.95rem;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .25s,box-shadow .25s,filter .25s;box-shadow:0 6px 24px var(--enq-shadow);position:relative;overflow:hidden}.btn-enquiry:before{content:"";position:absolute;top:-30%;left:-110%;height:160%;width:80px;background:#ffffff47;transform:skew(-22deg);transition:left .45s cubic-bezier(.2,.9,.3,1);filter:blur(8px)}.btn-enquiry:hover:before{left:130%}.btn-enquiry:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 30px #dd247642;filter:brightness(1.03)}.btn-enquiry:active{transform:translateY(0) scale(.985);box-shadow:0 4px 14px #dd24762e}.btn-enquiry.highlight:after{content:"";position:absolute;inset:0;border-radius:40px;padding:2px;background:linear-gradient(90deg,var(--enq-grad-1),var(--enq-grad-2),var(--enq-grad-3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .28s}.btn-enquiry.highlight:hover:after{opacity:1}.btn-enquiry svg{display:block}.btn-enquiry:focus{outline:none;box-shadow:0 0 0 4px #ff512f1f}.modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:2000;background:var(--backdrop-bg);backdrop-filter:var(--modal-blur);-webkit-backdrop-filter:var(--modal-blur);padding:1.2rem;overflow:auto}.modal-box{width:100%;max-width:760px;border-radius:14px;overflow:visible;transform-origin:center center;display:flex;align-items:stretch;justify-content:center;position:relative;margin:auto}.modal-content{width:100%;background:linear-gradient(180deg,#fff,#fbfbff);padding:1rem;box-shadow:0 18px 46px #0206171f;border-radius:10px;max-height:calc(100vh - 120px);overflow:auto}.modal-close{position:absolute;right:12px;top:10px;border:none;background:transparent;font-size:20px;cursor:pointer;z-index:5;color:#0f172a;font-weight:800;padding:6px 8px;border-radius:8px;transition:background .18s}.modal-close:hover{background:#0000000f}.enquiry-inner{transition:transform .3s cubic-bezier(.2,.9,.3,1),opacity .28s ease;transform:translateY(0);opacity:1;width:100%}.enquiry-inner.slide-in{transform:translateY(-6px);opacity:1}.enquiry-inner.slide-out{transform:translateY(18px);opacity:0}@media(max-width:900px){.nav .container{padding:.6rem 1rem}.nav .links{gap:.6rem}.btn-enquiry{padding:.55rem .9rem;font-size:.92rem}.modal-box{max-width:94%}.brand-logo{height:48px;width:48px}.brand-title{font-size:1.2rem;letter-spacing:.06em}}@media(max-width:768px){.mobile-toggle{display:flex}.nav .links{display:none;width:100%;flex-direction:column;gap:0;margin-top:.8rem;background:#000;border-radius:12px;padding:.6rem;position:absolute;left:12px;right:12px;top:calc(var(--nav-height) + 8px);box-shadow:0 10px 30px #02061714;transform-origin:top center;transition:transform .28s cubic-bezier(.2,.9,.3,1),opacity .22s}.nav .links.active{display:flex;transform:translateY(0);opacity:1}.nav .links a{width:100%;text-align:center;padding:.8rem;margin:.25rem 0;color:#fff}.nav .btn-logout{width:100%;justify-content:center}.btn-enquiry{width:100%;justify-content:center;padding:.75rem;border-radius:12px;font-weight:700}.brand-logo{height:44px;width:44px}.brand-title{font-size:1.1rem}}@media(max-width:480px){.nav .brand{font-size:1.25rem}.nav .container{padding:.4rem}.btn-enquiry{padding:.5rem .85rem;font-size:.9rem}.nav .links{left:8px;right:8px;top:calc(var(--nav-height) + 6px);padding:.4rem}.modal-box{max-width:98%;margin:8px}.modal-content{padding:.75rem;max-height:calc(100vh - 90px);border-radius:8px}.mobile-toggle{width:44px;height:44px}.brand-logo{height:38px;width:38px}.brand-title{font-size:1rem}}@media(max-height:560px){.modal-content{max-height:calc(100vh - 48px);padding:.6rem}.modal-close{top:6px;right:8px}}.btn-enquiry:hover{opacity:.98}a:focus,button:focus{outline:none;box-shadow:0 0 0 4px #ffffff0f;border-radius:6px}