.app__navbar-wrapper{position:fixed;top:0;left:0;right:0;z-index:50;width:100%;pointer-events:none}.app__navbar-glass{pointer-events:auto;width:auto;max-width:820px;min-width:320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.45rem 1.25rem;border-radius:9999px;background:radial-gradient(70% 55% at 50% 10%,hsla(0,0%,100%,.12) 0,transparent 65%),radial-gradient(70% 65% at 50% 90%,rgba(56,130,246,.16) 0,transparent 70%),#0c0d12;backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%);border:1px solid hsla(0,0%,100%,.16);box-shadow:0 18px 40px -4px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.22),inset 0 -1px 0 rgba(0,0,0,.4);transition:all .35s cubic-bezier(.16,1,.3,1)}.app__navbar-glass:hover{border-color:hsla(0,0%,100%,.26);box-shadow:0 22px 45px -4px rgba(0,0,0,.55),inset 0 1px 0 hsla(0,0%,100%,.28)}.dark .app__navbar-glass,[data-theme=dark] .app__navbar-glass,body.dark .app__navbar-glass,html.dark .app__navbar-glass{background:hsla(0,0%,100%,.94);border:1px solid hsla(0,0%,100%,.85);box-shadow:0 20px 45px -4px rgba(0,0,0,.55),0 6px 18px rgba(0,0,0,.25),inset 0 1px 0 #fff}.dark .app__navbar-glass:hover,[data-theme=dark] .app__navbar-glass:hover,body.dark .app__navbar-glass:hover,html.dark .app__navbar-glass:hover{border-color:hsla(0,0%,100%,.95);box-shadow:0 24px 50px -4px rgba(0,0,0,.65),0 8px 22px rgba(0,0,0,.3)}.app__navbar-glass.navbar-pill--hidden{opacity:0;pointer-events:none;transform:translateY(-16px) scale(.94);transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}@media screen and (max-width:900px){.app__navbar-glass{width:100%;max-width:600px;padding:.5rem 1rem}}.app__navbar-brand .brand-link{display:flex;align-items:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app__navbar-brand .brand-shah{font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:-.3px}.dark .app__navbar-brand .brand-shah,[data-theme=dark] .app__navbar-brand .brand-shah,body.dark .app__navbar-brand .brand-shah,html.dark .app__navbar-brand .brand-shah{color:#0f172a}.app__navbar-brand .brand-fahid{font-size:1.15rem;font-weight:800;color:#38bdf8;margin-left:.3rem;text-shadow:0 0 14px rgba(56,189,248,.6)}.dark .app__navbar-brand .brand-fahid,[data-theme=dark] .app__navbar-brand .brand-fahid,body.dark .app__navbar-brand .brand-fahid,html.dark .app__navbar-brand .brand-fahid{color:#2563eb;text-shadow:none}.app__navbar-center,.app__navbar-notch-container{display:flex;align-items:center;justify-content:center;position:relative}.app__navbar-center-links{display:flex;align-items:center;gap:.35rem;list-style:none;margin:0;padding:3px;background:hsla(0,0%,100%,.05);border-radius:9999px;border:1px solid hsla(0,0%,100%,.1)}.dark .app__navbar-center-links,[data-theme=dark] .app__navbar-center-links,body.dark .app__navbar-center-links,html.dark .app__navbar-center-links{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.06)}@media screen and (max-width:900px){.app__navbar-center-links{display:none}}.app__navbar-center-links .nav-item-link,.app__navbar-center-links .nav-item-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.app__navbar-center-links .nav-item-link{z-index:2;text-decoration:none;font-size:.76rem;font-weight:600;letter-spacing:.06em;color:#94a3b8;padding:6px 14px;border-radius:9999px;transition:color .2s ease}.app__navbar-center-links .nav-item-link .nav-label{position:relative;z-index:2}.app__navbar-center-links .nav-item-link:hover{color:#fff}.dark .app__navbar-center-links .nav-item-link,[data-theme=dark] .app__navbar-center-links .nav-item-link,body.dark .app__navbar-center-links .nav-item-link,html.dark .app__navbar-center-links .nav-item-link{color:#64748b}.dark .app__navbar-center-links .nav-item-link:hover,[data-theme=dark] .app__navbar-center-links .nav-item-link:hover,body.dark .app__navbar-center-links .nav-item-link:hover,html.dark .app__navbar-center-links .nav-item-link:hover{color:#0f172a}.app__navbar-center-links .nav-item-active{color:#fff!important;font-weight:700}.dark .app__navbar-center-links .nav-item-active,[data-theme=dark] .app__navbar-center-links .nav-item-active,body.dark .app__navbar-center-links .nav-item-active,html.dark .app__navbar-center-links .nav-item-active{color:#0f172a!important}.app__navbar-center-links .island-active-indicator{position:absolute;inset:0;border-radius:9999px;background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.24);box-shadow:0 2px 10px rgba(0,0,0,.35);z-index:1}.dark .app__navbar-center-links .island-active-indicator,[data-theme=dark] .app__navbar-center-links .island-active-indicator,body.dark .app__navbar-center-links .island-active-indicator,html.dark .app__navbar-center-links .island-active-indicator{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.12)}.app__navbar-actions{display:flex;align-items:center;gap:.75rem}.app__navbar-actions .mobile-menu-trigger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;cursor:pointer;transition:background .2s ease}.dark .app__navbar-actions .mobile-menu-trigger,[data-theme=dark] .app__navbar-actions .mobile-menu-trigger,body.dark .app__navbar-actions .mobile-menu-trigger,html.dark .app__navbar-actions .mobile-menu-trigger{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.1);color:#0f172a}.app__navbar-actions .mobile-menu-trigger svg{width:20px;height:20px}@media screen and (max-width:900px){.app__navbar-actions .mobile-menu-trigger{display:flex}}.dark .app__navbar-actions button[role=switch],[data-theme=dark] .app__navbar-actions button[role=switch],body.dark .app__navbar-actions button[role=switch],html.dark .app__navbar-actions button[role=switch]{background:rgba(15,23,42,.07)!important;border-color:rgba(15,23,42,.12)!important}.dark .app__navbar-actions button[role=switch]:hover,[data-theme=dark] .app__navbar-actions button[role=switch]:hover,body.dark .app__navbar-actions button[role=switch]:hover,html.dark .app__navbar-actions button[role=switch]:hover{background:rgba(15,23,42,.12)!important}.dark .app__navbar-actions button[role=switch] svg,[data-theme=dark] .app__navbar-actions button[role=switch] svg,body.dark .app__navbar-actions button[role=switch] svg,html.dark .app__navbar-actions button[role=switch] svg{color:#0284c7!important}.mobile-menu-backdrop{position:fixed;inset:0;width:100%;height:100%;background:rgba(3,7,18,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:998;pointer-events:auto}.mobile-menu-drawer{position:fixed;top:0;right:0;bottom:0;width:82%;max-width:320px;height:100vh;height:100dvh;background:#0b0f19;border-left:1px solid hsla(0,0%,100%,.12);box-shadow:-16px 0 45px rgba(0,0,0,.85);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;z-index:999;pointer-events:auto}.light .mobile-menu-drawer{background:#fff;border-left:1px solid rgba(0,0,0,.08);box-shadow:-16px 0 40px rgba(0,0,0,.12)}.mobile-menu-drawer .mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.light .mobile-menu-drawer .mobile-menu-header{border-bottom-color:rgba(0,0,0,.08)}.mobile-menu-drawer .mobile-menu-header .mobile-brand{display:flex;align-items:center}.mobile-menu-drawer .mobile-menu-header .mobile-brand .brand-shah{font-size:1.35rem;font-weight:800;color:#fff}.light .mobile-menu-drawer .mobile-menu-header .mobile-brand .brand-shah{color:#0f172a}.mobile-menu-drawer .mobile-menu-header .mobile-brand .brand-fahid{font-size:1.35rem;font-weight:800;color:#38bdf8;margin-left:.35rem;text-shadow:0 0 12px rgba(56,189,248,.5)}.light .mobile-menu-drawer .mobile-menu-header .mobile-brand .brand-fahid{color:#2563eb;text-shadow:none}.mobile-menu-drawer .mobile-menu-header .mobile-menu-close{width:38px;height:38px;border-radius:50%;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.16);color:#fff;font-size:1.35rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mobile-menu-drawer .mobile-menu-header .mobile-menu-close:hover{background:hsla(0,0%,100%,.18);transform:scale(1.05)}.light .mobile-menu-drawer .mobile-menu-header .mobile-menu-close{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1);color:#0f172a}.light .mobile-menu-drawer .mobile-menu-header .mobile-menu-close:hover{background:rgba(0,0,0,.1)}.mobile-menu-drawer .mobile-menu-links{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.65rem}.mobile-menu-drawer .mobile-menu-links li a{display:flex;align-items:center;gap:.85rem;font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-decoration:none;color:#cbd5e1;padding:.85rem 1rem;border-radius:12px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);transition:all .2s ease}.mobile-menu-drawer .mobile-menu-links li a .mobile-nav-dot{width:7px;height:7px;border-radius:50%;background:hsla(0,0%,100%,.25);transition:all .2s ease}.mobile-menu-drawer .mobile-menu-links li a .mobile-nav-label{flex:1}.mobile-menu-drawer .mobile-menu-links li a.mobile-active,.mobile-menu-drawer .mobile-menu-links li a:hover{color:#fff;background:rgba(56,189,248,.14);border-color:rgba(56,189,248,.35)}.mobile-menu-drawer .mobile-menu-links li a.mobile-active .mobile-nav-dot,.mobile-menu-drawer .mobile-menu-links li a:hover .mobile-nav-dot{background:#38bdf8;box-shadow:0 0 10px #38bdf8;transform:scale(1.3)}.light .mobile-menu-drawer .mobile-menu-links li a{color:#334155;background:rgba(0,0,0,.025);border-color:rgba(0,0,0,.05)}.light .mobile-menu-drawer .mobile-menu-links li a .mobile-nav-dot{background:rgba(0,0,0,.25)}.light .mobile-menu-drawer .mobile-menu-links li a.mobile-active,.light .mobile-menu-drawer .mobile-menu-links li a:hover{color:#2563eb;background:rgba(37,99,235,.08);border-color:rgba(37,99,235,.25)}.light .mobile-menu-drawer .mobile-menu-links li a.mobile-active .mobile-nav-dot,.light .mobile-menu-drawer .mobile-menu-links li a:hover .mobile-nav-dot{background:#2563eb;box-shadow:0 0 8px rgba(37,99,235,.5);transform:scale(1.3)}.mobile-menu-drawer .mobile-menu-footer{padding-top:1.25rem;border-top:1px solid hsla(0,0%,100%,.08)}.light .mobile-menu-drawer .mobile-menu-footer{border-top-color:rgba(0,0,0,.06)}.mobile-menu-drawer .mobile-menu-footer .mobile-status-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#94a3b8;padding:.4rem .75rem;border-radius:9999px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08)}.light .mobile-menu-drawer .mobile-menu-footer .mobile-status-badge{color:#64748b;background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.06)}.mobile-menu-drawer .mobile-menu-footer .mobile-status-badge .status-ping-dot{width:6px;height:6px;border-radius:50%;background:#86868b;box-shadow:0 0 6px hsla(240,2%,54%,.6)}.app__works{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}