*{box-sizing:border-box}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;pointer-events:none}.desktop-navigation{width:100%;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999;position:sticky;top:0;box-shadow:0 2px 20px #0000001a}.desktop-navigation.scrolled{background:#fffffffa;box-shadow:0 4px 30px #00000026;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0 2rem;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;min-height:60px}.nav-container::-webkit-scrollbar{display:none}.nav-item{padding:1rem 1.5rem;background:none;border:none;color:#64748b;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:.5rem;white-space:nowrap;position:relative;min-height:48px;display:flex;align-items:center;text-decoration:none}.nav-item:hover{color:#3b82f6;background:#3b82f60d;transform:translateY(-1px)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.nav-item:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.nav-item.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#3b82f6;border-radius:50%;box-shadow:0 0 0 2px #fffc}.main-content-wrapper{padding-top:70px}html{scroll-behavior:smooth;scroll-padding-top:80px}.nav-progress-bar{display:none;position:fixed;top:0;left:0;right:0;height:3px;background:#ffffff1a;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);width:0%;transition:width .3s ease;border-radius:0 2px 2px 0}.mobile-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:998}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-tab-bar{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px 20px 0 0;padding:8px 4px 20px;border-top:1px solid rgba(255,255,255,.2);box-shadow:0 -10px 30px #0000001a;pointer-events:auto;position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-tab-bar::-webkit-scrollbar{display:none}.tab-item{display:flex;flex-direction:column;align-items:center;padding:6px 8px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-width:44px;flex-shrink:0;overflow:hidden}.tab-item.active{background:linear-gradient(135deg,var(--tab-color, #667eea) 0%,color-mix(in srgb,var(--tab-color, #667eea) 80%,#000 20%) 100%);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 15px color-mix(in srgb,var(--tab-color, #667eea) 40%,transparent 60%)}.tab-icon{width:20px;height:20px;margin-bottom:2px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab-item.active .tab-icon{transform:scale(1.1)}.tab-icon svg{width:100%;height:100%;stroke-width:2px}.tab-label{font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;text-align:center;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40px}.tab-indicator{position:absolute;bottom:-1px;left:50%;transform:translate(-50%) scale(0);width:4px;height:4px;background:var(--tab-color, #667eea);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab-item.active .tab-indicator{transform:translate(-50%) scale(1)}.floating-action-container{position:fixed;bottom:80px;right:20px;z-index:1001}.fab-backdrop-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0003;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:997;pointer-events:auto}.floating-action-menu{position:relative;z-index:999;pointer-events:auto}.fab-main{width:56px;height:56px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 25px #ee5a5266;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1000;pointer-events:auto}.fab-main:hover{transform:scale(1.1);box-shadow:0 12px 35px #ee5a5299}.fab-main.active{transform:scale(1.1) rotate(180deg);background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 12px 35px #667eea99}.fab-icon{width:24px;height:24px;position:relative}.fab-icon svg{width:100%;height:100%;stroke:#fff;stroke-width:2px;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1)}.fab-submenu{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:12px;opacity:0;transform:scale(.8) translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1000}.fab-submenu.active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.fab-item{display:flex;align-items:center;background:#fffffffa;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 16px;border-radius:25px;cursor:pointer;box-shadow:0 8px 25px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;border:1px solid rgba(255,255,255,.9);z-index:1001;position:relative}.fab-item:hover{transform:translate(-8px) scale(1.05);box-shadow:0 12px 35px #0003;background:#fff}.fab-item svg{stroke:var(--item-color, #667eea);stroke-width:2px;margin-right:12px;width:20px;height:20px}.fab-item span{font-size:14px;font-weight:600;color:#333}.fab-main:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ee5a52);z-index:-1;opacity:0;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}to{opacity:0;transform:scale(1.4)}}.tab-ripple{position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.tab-item:active .tab-ripple{width:40px;height:40px}.haptic-feedback{animation:haptic .1s ease-in-out}@keyframes haptic{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.mobile-nav{animation:slideUp .5s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-tab-bar.icon-only .tab-item{min-width:32px;padding:8px 4px}.mobile-tab-bar.icon-only .tab-icon{margin-bottom:0}.tab-item:focus{outline:none;background:#ffffff1a;box-shadow:0 0 0 2px #3b82f680}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-color-scheme: dark){.desktop-navigation{background:#0f172af2;border-bottom:1px solid rgba(255,255,255,.1)}.desktop-navigation.scrolled{background:#0f172afa}.nav-item{color:#e2e8f0}.nav-item:hover{background:#3b82f61a}.mobile-tab-bar{background:#0f172af2;border-top:1px solid rgba(255,255,255,.1)}.tab-item{color:#fff}.fab-item{background:#0f172afa;border:1px solid rgba(255,255,255,.2)}.fab-item:hover{background:#0f172a}.fab-item span{color:#fff}}@media (min-width: 1025px){.nav-container{padding:0 2rem;gap:1rem}.nav-item{padding:1rem 1.5rem;font-size:.95rem}}@media (max-width: 1024px){.nav-container{padding:0 1rem;gap:.25rem}.nav-item{padding:.75rem 1rem;font-size:.85rem}}@media (max-width: 768px){.desktop-navigation{display:none!important}.mobile-nav,.nav-progress-bar{display:block}.main-content-wrapper{padding-top:0}}@media (max-width: 480px){.tab-item{min-width:38px;padding:4px 6px}.tab-label{font-size:8px;max-width:35px}.tab-icon{width:18px;height:18px}.mobile-tab-bar{padding:6px 2px 18px}.floating-action-container{bottom:70px;right:15px}.fab-main{width:50px;height:50px}}@media (max-width: 380px){.tab-item{min-width:34px;padding:4px}.tab-label{font-size:7px;max-width:30px}.tab-icon{width:16px;height:16px}}@media (max-width: 360px){.tab-label{display:none}.tab-item{min-width:32px;padding:8px 4px}.tab-icon{margin-bottom:0}}@media print{.mobile-nav,.desktop-navigation,.floating-action-container,.nav-progress-bar{display:none!important}}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.portfolio-content{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:#ffffffd9;border-radius:12px;box-shadow:0 8px 32px #0000001a}html{scroll-behavior:smooth}:root{--mobile-nav-bg: rgba(255, 255, 255, .95);--mobile-nav-text: #333;--mobile-nav-border: rgba(255, 255, 255, .2)}.dark{--mobile-nav-bg: rgba(30, 30, 30, .95);--mobile-nav-text: #fff;--mobile-nav-border: rgba(255, 255, 255, .1)}@media (max-width: 768px){body{padding-bottom:100px}}.portfolio-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;padding:20px;margin:20px;box-shadow:0 8px 32px #0003}.portfolio-content section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border-radius:15px;padding:15px;border:1px solid rgba(255,255,255,.2)}.card-3d-enhanced{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.card-3d-enhanced:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 12px 40px #00000026}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}.glow{box-shadow:0 0 20px #4facfe4d}.glow-hover:hover{box-shadow:0 0 30px #4facfe99;transition:all .3s ease}canvas{position:fixed!important;z-index:-1!important;pointer-events:none!important}nav{position:fixed!important;z-index:1000!important}.mobile-navigation{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:9999!important}.custom-cursor-circle{position:fixed;width:40px;height:40px;border:2px solid rgba(255,255,255,.8);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;transition:border-color .3s ease,background-color .3s ease,width .2s ease,height .2s ease;mix-blend-mode:difference;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);will-change:transform}.custom-cursor-dot{position:fixed;width:8px;height:8px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10000;transition:background-color .3s ease,width .2s ease,height .2s ease,box-shadow .3s ease;box-shadow:0 0 10px #ffffff80;will-change:transform}.custom-cursor-circle.hovering{width:60px!important;height:60px!important;border-width:3px!important;animation:cursorPulse 1.5s infinite ease-in-out}.custom-cursor-dot.hovering{width:4px!important;height:4px!important}.custom-cursor-circle.clicking{width:50px!important;height:50px!important;border-width:4px!important;animation:clickBounce .3s ease-out}.custom-cursor-dot.clicking{width:12px!important;height:12px!important;animation:dotExpand .3s ease-out}.custom-cursor-circle.on-light{border-color:#0009!important;background:#0000000d!important}.custom-cursor-dot.on-light{background-color:#333!important;box-shadow:0 0 10px #0000004d!important}.custom-cursor-circle.on-colored{border-color:#ffffffe6!important;background:#ffffff1a!important;box-shadow:0 0 20px #0003!important}.custom-cursor-dot.on-colored,.custom-cursor-dot.gradient-transition{background:linear-gradient(45deg,#ff6b6b,#4ecdc4)!important;box-shadow:0 0 15px #ff6b6b80!important;animation:gradientShift 3s ease-in-out infinite}.cursor-ripple{position:fixed;width:20px;height:20px;border:2px solid rgba(255,255,255,.6);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9998;animation:rippleExpand .6s ease-out forwards}.cursor-ripple.on-light{border-color:#0006}.cursor-ripple.on-colored{border-color:#fffc;box-shadow:0 0 20px #ffffff4d}@keyframes cursorPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}@keyframes clickBounce{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.8)}to{transform:translate(-50%,-50%) scale(1.2)}}@keyframes dotExpand{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.5)}to{transform:translate(-50%,-50%) scale(1.5)}}@keyframes rippleExpand{0%{width:20px;height:20px;opacity:.8}to{width:100px;height:100px;opacity:0}}@keyframes gradientShift{0%,to{background:linear-gradient(45deg,#667eea,#764ba2)}50%{background:linear-gradient(45deg,#f093fb,#f5576c)}}@media (max-width: 768px){.custom-cursor-circle,.custom-cursor-dot,.cursor-ripple{display:none}}@media (prefers-reduced-motion: reduce){.custom-cursor-circle,.custom-cursor-dot{transition:none!important;animation:none!important}.cursor-ripple,.animate-float,.glow{animation:none!important}html{scroll-behavior:auto}}.marquee{--speed: 20s;--gap: 3rem;position:relative;overflow:hidden}.marquee__track,.marquee__track:after{display:inline-flex;gap:var(--gap);white-space:nowrap;animation:marquee var(--speed) linear infinite}.marquee__track:after{content:attr(data-dup) attr(data-dup)}.marquee__track>*{font-weight:600;padding:.35rem .75rem;border-radius:.4rem;background:#ffffff1f;color:var(--mobile-nav-text);transition:background .25s}.marquee__track>*:hover{background:#ffffff40}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee:hover .marquee__track{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.marquee__track{animation:none}}