*{box-sizing:border-box}:root{--nav-height: 80px;--page-max-width: 100%;--page-pad-x: 3.5%;--page-pad-top: calc(var(--nav-height) + 1.2rem);--page-pad-bottom: 2rem;--bg-primary: #000000;--bg-secondary: #0a0a0a;--text-primary: #ffffff;--text-secondary: #b7b7b7;--border-soft: rgba(255, 255, 255, .08);--transition-base: all .35s ease}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:Rajdhani,sans-serif;line-height:1.6;overflow-x:hidden;scrollbar-width:none}html{scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}body.mobile-nav-open{overflow:hidden}body.overlay-close-guard .site-nav,body.overlay-close-guard main,body.overlay-close-guard .ai-chat-launcher,body.overlay-close-guard .ai-chat-shell,body.overlay-close-guard a,body.overlay-close-guard button{pointer-events:none}body.light-theme{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--text-primary: #111111;--text-secondary: #555555;--border-soft: rgba(0, 0, 0, .08)}a,button,input,textarea{font:inherit}#root,.app-shell{min-height:100vh}main{min-height:100vh;width:100%}.site-nav{position:fixed;top:.75rem;left:.9rem;right:.9rem;z-index:1000;height:var(--nav-height);padding:0 1.15rem;display:flex;align-items:center;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;box-shadow:none;transform:translateY(0);opacity:1;transition:transform .32s ease,opacity .32s ease}.site-nav.nav-hidden{transform:translateY(calc(-100% - 1rem));opacity:0;pointer-events:none}body.light-theme .site-nav{background:transparent}.logo{color:var(--text-primary);text-decoration:none;font-family:Orbitron,sans-serif;font-size:.96rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;line-height:1;white-space:nowrap;text-shadow:0 0 18px rgba(0,0,0,.32)}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:.28rem;list-style:none;margin:0 0 0 auto;padding:.25rem;border-radius:999px;background:#0003;border:1px solid rgba(255,255,255,.06)}body.light-theme .nav-links{background:#ffffff38;border-color:#0000000f}.mobile-nav-backdrop{display:none}.mobile-nav-shell{display:contents}.mobile-nav-head{display:none}.nav-links a{position:relative;color:var(--text-secondary);text-decoration:none;font-family:Orbitron,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.72rem .92rem;border-radius:999px;transition:color .3s ease,background .3s ease,transform .3s ease;text-shadow:0 0 12px rgba(0,0,0,.24)}.nav-links a:after{content:"";position:absolute;left:50%;bottom:.38rem;width:.45rem;height:2px;background:currentColor;border-radius:999px;transform:translate(-50%) scaleX(0);transform-origin:center;transition:transform .3s ease,opacity .3s ease;opacity:0}.nav-links a small{display:none}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);background:#ffffff14;transform:translateY(-1px)}body.light-theme .nav-links a:hover,body.light-theme .nav-links a.active{background:#00000012}.nav-links a:hover:after,.nav-links a.active:after{transform:translate(-50%) scaleX(1);opacity:1}.nav-meta{display:none}.hamburger{border:none;background:transparent;color:var(--text-primary);cursor:pointer}.hamburger{display:none;padding:0}.hamburger span{display:block;width:24px;height:2px;margin:5px 0;background:currentColor;transition:var(--transition-base)}.hamburger.toggle .line1{transform:rotate(-45deg) translate(-5px,5px)}.hamburger.toggle .line2{opacity:0}.hamburger.toggle .line3{transform:rotate(45deg) translate(-5px,-5px)}@media (max-width: 1100px){.site-nav{left:.7rem;right:.7rem;padding:0 1rem}.nav-links{gap:.2rem}}@media (max-width: 768px){:root{--nav-height: 70px;--page-pad-x: .85rem;--page-pad-top: calc(var(--nav-height) + 1rem);--page-pad-bottom: 1.4rem}.site-nav{top:0;left:0;right:0;padding:0 .9rem;display:flex;background:#000000fe;border-radius:0;border-left:none;border-right:none;box-shadow:none;border-bottom:1px solid rgba(255,255,255,.11);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}body.light-theme .site-nav{background:#000000fe;border-bottom-color:#ffffff1c}.logo{font-size:.8rem;letter-spacing:.05em;max-width:calc(100vw - 108px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-meta{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;margin-left:auto}.nav-meta .hamburger{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;padding:0;border-radius:14px;background:#000;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff0f}.nav-meta .hamburger span{width:20px;height:2px;margin:3px 0;background:#fff}button,a,.proj-card,.gallery-thumb,.proj-link,.proj-overlay-btn,.view-certificate,.modal-close,.image-lightbox-close,.hamburger{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-nav-backdrop{position:fixed;inset:var(--nav-height) 0 0;display:block;background:#000000db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1100}body.light-theme .mobile-nav-backdrop{background:#000000bd}.mobile-nav-backdrop.open{opacity:1;pointer-events:auto}.mobile-nav-shell{position:fixed;top:calc(var(--nav-height) + .65rem);right:.9rem;left:.9rem;max-height:calc(100vh - var(--nav-height) - 1.55rem);display:flex;flex-direction:column;gap:.9rem;padding:.9rem;border-radius:24px;background:#000000fa;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 62px #0009;overflow-y:auto;transform:translateY(-14px) scale(.98);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .35s ease;z-index:1110}.mobile-nav-shell .nav-links,.mobile-nav-shell .nav-links a{pointer-events:none}body.light-theme .mobile-nav-shell{background:linear-gradient(180deg,#000,#040404fe);border-color:#ffffff1a;box-shadow:0 22px 60px #0009}.mobile-nav-shell.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.mobile-nav-shell.open .nav-links,.mobile-nav-shell.open .nav-links a{pointer-events:auto}.nav-links{position:static;min-height:auto;max-height:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.45rem;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transform:none;opacity:1;pointer-events:auto}.nav-links li{width:100%}.nav-links a{display:block;width:100%;padding:1rem;border-radius:16px;font-size:.85rem;font-weight:800;letter-spacing:.12em;background:#080808;border:1px solid rgba(255,255,255,.1);transform:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#f4f4f4}body.light-theme .nav-links a{background:#080808;border-color:#ffffff1a}.nav-links a:after{display:none}.nav-links a small{display:inline-block;font-family:Rajdhani,sans-serif;font-size:.72rem;letter-spacing:.16em;opacity:.88;padding:.22rem .45rem;border-radius:999px;background:#080808;border:1px solid rgba(255,255,255,.14);color:#f1f1f1}.nav-links a.active,body.light-theme .nav-links a.active{background:#2b2b2b;color:#fff}body.light-theme .nav-links a small{background:#080808;border-color:#ffffff24;color:#f1f1f1}.hamburger{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;padding:0;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}body.light-theme .hamburger{background:#ffffff0f;border-color:#ffffff1a}.hamburger span{width:22px;height:2px;margin:3px 0}.hamburger.toggle .line1,.hamburger.toggle .line2,.hamburger.toggle .line3{transform:none;opacity:1}}@media (max-width: 480px){.site-nav{padding:0 .7rem}.logo{font-size:.72rem;letter-spacing:.03em;max-width:calc(100vw - 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-shell{top:calc(var(--nav-height) + .55rem);right:.65rem;left:.65rem;padding:.72rem;border-radius:20px}.nav-links a{padding:.92rem .95rem;font-size:.8rem;border-radius:14px}.nav-links a small{font-size:.68rem}}