@font-face{font-family:Centra;src:url(/assets/CentraNo2-Bold-DiNSKgQV.ttf);font-weight:700}@font-face{font-family:Centra;src:url(/assets/CentraNo2-Medium-DC85TiQb.ttf);font-weight:500}@font-face{font-family:Centra;src:url(/assets/CentraNo2-Book-CX7edySx.ttf);font-weight:400}:root{--primary-color: #3b82f6;--secondary-color: #10b981;--accent-color: #f59e0b}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{font-weight:400;overflow-x:hidden;background-color:#121212!important;color:#fff!important;font-family:Centra,sans-serif!important}h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:normal}.App{display:flex;flex-direction:column}@media screen and (min-width: 1400px){body .App .container{max-width:1320px;margin:0 auto}}@media (max-width: 480px){.root-element{width:100%}}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%}:root{--breakpoint-xs: 480px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 4rem}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none}.mobile-hidden{display:none!important}}.container-responsive{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}@media (min-width: 576px){.container-responsive{padding:0 var(--spacing-md)}}@media (min-width: 768px){.container-responsive{padding:0 var(--spacing-lg)}}@media (min-width: 992px){.container-responsive{padding:0 var(--spacing-xl)}}.text-responsive-sm{font-size:var(--text-sm)}.text-responsive-base{font-size:var(--text-base)}.text-responsive-lg{font-size:var(--text-lg)}.text-responsive-xl{font-size:var(--text-xl)}.text-responsive-2xl{font-size:var(--text-2xl)}@media (min-width: 768px){.text-responsive-sm{font-size:var(--text-base)}.text-responsive-base{font-size:var(--text-lg)}.text-responsive-lg{font-size:var(--text-xl)}.text-responsive-xl{font-size:var(--text-2xl)}.text-responsive-2xl{font-size:var(--text-3xl)}}@media (min-width: 992px){.text-responsive-sm{font-size:var(--text-lg)}.text-responsive-base{font-size:var(--text-xl)}.text-responsive-lg{font-size:var(--text-2xl)}.text-responsive-xl{font-size:var(--text-3xl)}.text-responsive-2xl{font-size:var(--text-4xl)}}.p-responsive{padding:var(--spacing-sm)}.px-responsive{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.py-responsive{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.m-responsive{margin:var(--spacing-sm)}.mx-responsive{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.my-responsive{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}@media (min-width: 768px){.p-responsive{padding:var(--spacing-md)}.px-responsive{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-responsive{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.m-responsive{margin:var(--spacing-md)}.mx-responsive{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.my-responsive{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}}@media (min-width: 992px){.p-responsive{padding:var(--spacing-lg)}.px-responsive{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-responsive{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.m-responsive{margin:var(--spacing-lg)}.mx-responsive{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.my-responsive{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}}.flex-responsive{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width: 768px){.flex-responsive{flex-direction:row;gap:var(--spacing-md)}}.flex-responsive-reverse{display:flex;flex-direction:column-reverse;gap:var(--spacing-sm)}@media (min-width: 768px){.flex-responsive-reverse{flex-direction:row;gap:var(--spacing-md)}}.grid-responsive{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}@media (min-width: 576px){.grid-responsive-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid-responsive{gap:var(--spacing-md)}.grid-responsive-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 992px){.grid-responsive-4{grid-template-columns:repeat(4,1fr)}}.btn-touch{min-height:44px;min-width:44px;padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;font-size:var(--text-base);line-height:1.4;transition:all .2s ease}@media (hover: hover){.btn-touch:hover{transform:translateY(-2px)}}@supports (padding: max(0px)){.safe-area-inset{padding-left:max(var(--spacing-sm),env(safe-area-inset-left));padding-right:max(var(--spacing-sm),env(safe-area-inset-right))}}.scroll-horizontal{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scroll-horizontal::-webkit-scrollbar{display:none}.scroll-horizontal>*{flex-shrink:0}.img-responsive{max-width:100%;height:auto;display:block}.video-responsive{position:relative;width:100%;height:0;padding-bottom:56.25%}.video-responsive iframe,.video-responsive video{position:absolute;top:0;left:0;width:100%;height:100%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}}.custom-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0;background:#121212cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.custom-navbar.scrolled{background:#121212f2;border-bottom-color:#0ff3}.navbar-content{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;max-width:1200px;margin:0 auto}.navbar-brand{z-index:1001}.brand-text{font-size:28px;font-weight:700;color:#fff;letter-spacing:-.5px}@media (min-width: 768px){.navbar-content{padding:20px 40px}.brand-text{font-size:32px}}.desktop-nav{display:none;align-items:center;gap:40px}.nav-links{display:flex;gap:32px;align-items:center}.nav-link{color:#fffc;text-decoration:none;font-weight:500;font-size:15px;letter-spacing:.5px;transition:all .3s ease;position:relative;padding:8px 0;background:none;border:none;cursor:pointer;font-family:inherit}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#0ff,#09c);transition:width .3s ease}.nav-link:hover,.nav-link.active{color:#0ff}.nav-link:hover:after,.nav-link.active:after{width:100%}.desktop-actions{display:flex;align-items:center;gap:20px}.social-links{display:flex;gap:12px}.social-link{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;transition:all .3s ease;text-decoration:none}.social-link:hover{background:#0ff3;border-color:#0ff;transform:translateY(-2px)}.social-link img{width:20px;height:20px;filter:brightness(1);transition:filter .3s ease}.social-link:hover img{filter:brightness(0) saturate(100%) invert(64%) sepia(98%) saturate(2618%) hue-rotate(160deg)}.connect-btn{background:linear-gradient(135deg,#0ff,#09c);color:#121212;border:none;padding:12px 24px;border-radius:25px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00ffff4d}.connect-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ff6}@media (min-width: 768px){.desktop-nav{display:flex}}.mobile-menu-btn{display:flex;flex-direction:column;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:8px;z-index:1002;position:relative;border-radius:8px;transition:background-color .3s ease}.mobile-menu-btn:hover{background-color:#ffffff1a}.mobile-menu-btn.menu-open{background-color:#00ffff1a;box-shadow:0 0 10px #00ffff4d;animation:subtlePulse 2s ease-in-out infinite}@keyframes subtlePulse{0%,to{box-shadow:0 0 10px #00ffff4d}50%{box-shadow:0 0 15px #00ffff80}}.hamburger-line{width:24px;height:2px;background:#fff;margin:3px 0;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center;border-radius:1px}.hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(5px,5px);background:#0ff}.hamburger-line.active:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);background:#0ff}@media (min-width: 768px){.mobile-menu-btn{display:none}}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#121212fa,#1e1e1efa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto}.mobile-menu.active{transform:translate(0)}.mobile-menu-header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px 20px 20px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.mobile-menu-header h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px;text-align:center}.close-instruction{opacity:0;animation:fadeInInstruction .5s ease .8s forwards}.close-instruction span{color:#fff9;font-size:12px;font-weight:400;display:flex;align-items:center;gap:4px}@keyframes fadeInInstruction{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{padding:40px 20px;display:flex;flex-direction:column;gap:16px}.mobile-nav-item{display:flex;align-items:center;gap:16px;padding:20px 16px;text-decoration:none;color:#fffc;transition:all .3s ease;border-radius:12px;background:none;border:none;width:100%;cursor:pointer;font-family:inherit;text-align:left}.mobile-nav-item:hover,.mobile-nav-item.active{background:#00ffff1a;border-color:#00ffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #0ff3}.nav-icon{width:48px;height:48px;background:#00ffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0ff;flex-shrink:0}.nav-content{display:flex;flex-direction:column;gap:4px}.nav-title{color:#fff;font-size:18px;font-weight:600}.nav-description{color:#fff9;font-size:13px;font-weight:400}.mobile-connect-section{padding:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.social-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-decoration:none;transition:all .3s ease}.social-card:hover{background:#00ffff1a;border-color:#00ffff4d;transform:translateY(-2px)}.social-card img{width:32px;height:32px;filter:brightness(1);transition:filter .3s ease}.social-card:hover img{filter:brightness(0) saturate(100%) invert(64%) sepia(98%) saturate(2618%) hue-rotate(160deg)}.social-card span{color:#fff;font-size:14px;font-weight:500}.social-card:hover span{color:#0ff}.mobile-connect-btn{width:100%;background:linear-gradient(135deg,#0ff,#09c);color:#121212;border:none;padding:16px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00ffff4d}.mobile-connect-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ff6}@media (min-width: 768px){.mobile-menu{display:none}}.banner{min-height:100vh;display:flex;align-items:center;padding:160px 0 80px;background:linear-gradient(135deg,#0f0f17fa,#191928fa,#0f0f17fa);position:relative;overflow:hidden;will-change:transform;transform:translateZ(0)}.banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(245,158,11,.05) 0%,transparent 50%);pointer-events:none;will-change:opacity}.banner-container{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:1;display:flex;flex-direction:column;gap:60px;min-height:100vh}.banner-profile-section{display:flex;flex-direction:column;gap:40px;align-items:center;flex:1;justify-content:center;min-height:60vh}@media (min-width: 768px){.banner-profile-section{flex-direction:row;gap:60px;align-items:center}}@media (min-width: 1024px){.banner-profile-section{gap:80px}}.banner-focus-section{width:100%;margin-top:auto;padding-bottom:2rem}@media (max-width: 768px){.banner-focus-section{margin-top:2rem}}.banner-text{text-align:center;flex:1;max-width:600px}@media (min-width: 768px){.banner-text{text-align:left;flex:1.2}}.banner-text-content{width:100%}.tagline{display:inline-block;font-weight:700;letter-spacing:.8px;padding:8px 20px;background:linear-gradient(135deg,#3b82f633,#10b98133);border:1px solid rgba(59,130,246,.3);font-size:.9rem;margin-bottom:20px;border-radius:25px;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:taglineGlow 3s ease-in-out infinite alternate}@keyframes taglineGlow{0%{box-shadow:0 0 5px #3b82f64d}to{box-shadow:0 0 15px #3b82f680}}@media (min-width: 768px){.tagline{font-size:1rem;padding:10px 24px;margin-bottom:30px}}.banner-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:700;color:#fff;margin-bottom:10px;line-height:1.1}@media (min-width: 768px){.banner-title{font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:15px}}.greeting{display:block}@media (min-width: 768px){.greeting{display:inline}}.devname{display:inline-flex;align-items:center;justify-content:flex-start}.devname .focus-container{display:inline-flex;gap:.3em}.devname .focus-word,.devname .name-fallback{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(2.5rem,8vw,4rem);font-weight:700}@media (max-width: 768px){.devname .focus-word,.devname .name-fallback{font-size:clamp(2rem,10vw,3rem)}}.banner-subtitle{font-size:clamp(1.5rem,6vw,2.5rem);font-weight:600;color:#fff;margin-bottom:20px;line-height:1.2}@media (min-width: 768px){.banner-subtitle{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:10px}}.txt-rotate .wrap{color:var(--secondary-color);font-weight:700;position:relative}.txt-rotate .wrap:after{content:"|";color:var(--primary-color);animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.banner-description{font-size:1rem;color:#fffc;margin-bottom:40px;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.banner-description{font-size:1.1rem;margin-left:0;margin-right:0;margin-bottom:50px}}.niche-label{font-weight:700;color:var(--primary-color)}.banner-actions{display:flex;flex-direction:column;gap:20px;align-items:center}@media (min-width: 768px){.banner-actions{flex-direction:row;align-items:flex-start;gap:20px;flex-wrap:wrap}}@media (min-width: 1024px){.banner-actions{gap:25px}}.connect-btn{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:16px 32px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;min-width:200px;justify-content:center}.connect-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.connect-btn:hover:before{left:100%}.connect-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #3b82f666}.connect-btn:active{transform:translateY(-1px)}.connect-btn.secondary{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);min-width:180px}.connect-btn.secondary:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent)}.connect-btn.secondary:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 10px 25px #3b82f64d}.connect-btn.secondary:hover svg{stroke:#fff}.splash-toggle-container{display:flex;flex-direction:column;align-items:center;gap:8px}@media (min-width: 768px){.splash-toggle-container{align-items:flex-start}}.splash-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:50px;height:26px;background:#ffffff1a;border-radius:13px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-input:checked+.toggle-slider{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:var(--primary-color)}.toggle-input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-size:.9rem;color:#ffffffe6;font-weight:500}.toggle-description{font-size:.8rem;color:#fff9;text-align:center;max-width:200px}@media (min-width: 768px){.toggle-description{text-align:left}}.banner-image{display:flex;justify-content:center;align-items:center;flex:0 0 auto}@media (min-width: 768px){.banner-image{flex:.8}}.profile-image-container{position:relative;width:300px;height:320px;margin:0 auto;cursor:pointer;z-index:2;padding-top:20px;box-sizing:border-box}.profile-image{position:absolute;top:20px;left:0;width:100%;height:calc(100% - 20px);object-fit:contain;transition:opacity .6s cubic-bezier(.4,0,.2,1);filter:brightness(1.1) contrast(1.1);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;will-change:transform,filter,opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;opacity:0;background-color:transparent}.profile-image{opacity:0!important;animation:none}.profile-image.visible{opacity:1!important;animation:float 3s ease-in-out infinite}.profile-image.hidden{opacity:0!important;animation:none}.profile-image-container.transitioning .profile-image.visible{opacity:0;transform:scale(.85) translateZ(0) rotateY(15deg);filter:brightness(.3) contrast(.3) blur(8px);transition:opacity .8s ease-out,transform .8s ease-out,filter .8s ease-out;animation:none}.profile-image-container.transitioning .profile-image.fade-in{opacity:1;transform:scale(1.05) translateZ(0) rotateY(0);filter:brightness(1.2) contrast(1.2) blur(0px);transition:opacity 1s ease-in,transform 1s cubic-bezier(.175,.885,.32,1.275),filter 1s ease-in;transition-delay:.4s;animation:reappearBounce 1.2s ease-out;animation-delay:.4s}@keyframes reappearBounce{0%{opacity:0;transform:scale(.7) translateY(30px) rotateY(-15deg)}60%{opacity:.8;transform:scale(1.08) translateY(-5px) rotateY(2deg)}80%{opacity:.95;transform:scale(.98) translateY(2px) rotateY(-1deg)}to{opacity:1;transform:scale(1) translateY(0) rotateY(0)}}.profile-image:not(.fade-transition){animation:float 3s ease-in-out infinite}.profile-image.fade-transition{animation:floatSubtle 4s ease-in-out infinite}@keyframes floatSubtle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(0)}75%{transform:translateY(-15px) rotate(-1deg)}}.profile-image.profile-main{animation:float 3s ease-in-out infinite}.profile-image.profile-alt{animation:none;transform:scale(1.02);filter:brightness(1.2) contrast(1.2) saturate(1.1)}.profile-image.profile-dev{animation:float 2s ease-in-out infinite,pulse 2s ease-in-out infinite alternate;transform:scale(1.03);filter:brightness(1.2) contrast(1.2) saturate(1.1) hue-rotate(5deg);border:1px solid rgba(59,130,246,.2);border-radius:15px;box-shadow:0 0 15px #3b82f626}@keyframes pulse{0%{box-shadow:0 0 15px #3b82f626}to{box-shadow:0 0 25px #3b82f640}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.code-overlay{position:absolute;top:20px;left:0;width:100%;height:calc(100% - 20px);pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:center;padding:25px;box-sizing:border-box;opacity:.85}.code-text{font-family:Fira Code,Consolas,Monaco,monospace;font-size:10px;line-height:1.5;color:#f8fafc;background:#0006;padding:14px 16px;border-radius:10px;margin:0;white-space:pre-wrap;word-wrap:break-word;max-width:100%;max-height:100%;overflow:hidden;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.15);box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff1a}.code-text .keyword{color:#c792ea;font-weight:600;text-shadow:0 0 2px rgba(199,146,234,.4)}.code-text .type{color:#82aaff;font-weight:500;text-shadow:0 0 2px rgba(130,170,255,.4)}.code-text .string{color:#c3e88d;text-shadow:0 0 2px rgba(195,232,141,.4)}.code-text .comment{color:#7c8591;font-style:italic}.code-text .bracket{color:#ffcb6b;font-weight:600;text-shadow:0 0 2px rgba(255,203,107,.4)}.code-text .operator{color:#ff5370;font-weight:500;text-shadow:0 0 2px rgba(255,83,112,.4)}.cursor{color:#0f8;animation:pulse 1.2s ease-in-out infinite;font-weight:700;text-shadow:0 0 8px rgba(0,255,136,.6)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}@media (max-width: 768px){.profile-image-container{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.profile-image-container:active .profile-image.profile-main{transform:scale(.98)}.profile-image-container:active .profile-image.profile-alt{transform:scale(1)}.profile-image-container:focus .profile-image,.profile-image-container:focus-visible .profile-image{outline:none}}@media (max-width: 480px){.banner{padding:100px 0 60px}.banner-container{padding:0 15px;gap:40px}.banner-profile-section{gap:30px;min-height:50vh}.profile-image-container{width:250px;height:270px}.code-text{font-size:8px;padding:12px 14px;line-height:1.4}.connect-btn{padding:14px 28px;font-size:1rem;min-width:180px}}@media (max-width: 320px){.banner-title{font-size:1.8rem}.banner-subtitle{font-size:1.3rem}.profile-image-container{width:220px;height:240px}.banner-container{gap:30px}.code-text{font-size:7px;padding:10px 12px;line-height:1.3}}.profile-image,.connect-btn{will-change:transform}@media (prefers-reduced-motion: reduce){.profile-image,.connect-btn,.toggle-slider,.toggle-slider:before{transition:none;animation:none}.txt-rotate .wrap:after{animation:none}.tagline{animation:none}}@media (prefers-contrast: high){.banner{background:#000}.tagline{background:#fff;color:#000;border:2px solid #fff}.banner-title,.banner-subtitle,.banner-description{color:#fff}.connect-btn{background:#fff;color:#000;border:2px solid #fff}}.banner-widget{margin-top:2rem;display:flex;justify-content:flex-start;animation:fadeInUp .8s ease-out .6s both}.widget-loading{color:#fff9;font-size:.85rem;padding:1rem;text-align:center;font-family:Centra,sans-serif}.focus-loading{color:#fff9;font-size:.85rem;padding:1.5rem;text-align:center;font-family:Centra,sans-serif}@media (max-width: 768px){.banner-widget{margin-top:1.5rem;justify-content:center}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:200px}.loading-spinner{position:relative;width:40px;height:40px;margin-bottom:1rem}.loading-spinner-small .loading-spinner{width:24px;height:24px}.loading-spinner-large .loading-spinner{width:56px;height:56px}.spinner-ring{position:absolute;border:2px solid transparent;border-top:2px solid #b415ff;border-radius:50%;animation:spin 1.2s linear infinite}.spinner-ring:nth-child(1){width:100%;height:100%;animation-delay:0s}.spinner-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;animation-delay:-.1s;border-top-color:#aa367c}.spinner-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;animation-delay:-.2s;border-top-color:#dd5789}.loading-text{color:#b415ff;font-size:.875rem;font-weight:500;margin:0;text-align:center;font-family:Centra,sans-serif;letter-spacing:.5px}.loading-spinner-large .loading-text{font-size:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.loading-text{color:#dd5789}}@media (prefers-reduced-motion: reduce){.spinner-ring{animation:none}.loading-spinner:before{content:"⟳";position:absolute;font-size:1.5rem;color:#b415ff;top:50%;left:50%;transform:translate(-50%,-50%)}}.blog-page{min-height:100vh;background:linear-gradient(135deg,#0f0f17fa,#191928fa,#0f0f17fa);color:#fff;position:relative;isolation:isolate}.blog-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(245,158,11,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.blog-header{padding:160px 0 80px;text-align:center;position:relative;z-index:2}.blog-header-content{max-width:800px;margin:0 auto;padding:0 20px}.blog-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:20px;line-height:1.1}.blog-title .highlight{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-subtitle{font-size:1.2rem;color:#fffc;margin-bottom:40px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.blog-nav{display:flex;justify-content:center;margin-top:30px}.back-to-portfolio{display:flex;align-items:center;gap:8px;color:#3b82f6;text-decoration:none;font-weight:500;transition:all .3s ease;padding:12px 24px;border:1px solid rgba(59,130,246,.3);border-radius:25px;background:#3b82f61a;position:relative;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-to-portfolio:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:translateY(-2px);text-decoration:none}.blog-container{max-width:1200px;margin:0 auto;padding:0 20px 80px;position:relative;z-index:2}.category-filter{margin-bottom:50px;text-align:center}.category-filter h3{color:#fff;font-size:1.5rem;margin-bottom:20px;font-weight:600}.category-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.category-btn{padding:12px 24px;background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:25px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-btn:hover{background:#3b82f633;border-color:var(--primary-color);color:#fff}.category-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}@media (max-width: 768px){.blog-posts-grid{grid-template-columns:1fr;gap:20px}}.blog-post-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;position:relative;overflow:hidden}.blog-post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));opacity:0;transition:opacity .3s ease}.blog-post-card:hover{transform:translateY(-5px);border-color:#3b82f64d;box-shadow:0 20px 40px #0000004d}.blog-post-card:hover:before{opacity:1}.post-header{margin-bottom:20px}.post-meta{display:flex;flex-wrap:wrap;gap:15px;align-items:center;font-size:.85rem;color:#fff9}.post-category{background:#3b82f633;color:var(--primary-color);padding:4px 12px;border-radius:12px;font-weight:500;font-size:.8rem}.post-date,.read-time{color:#fff9}.post-content{margin-bottom:25px}.post-title{margin-bottom:15px}.post-title a{color:#fff;text-decoration:none;font-size:1.4rem;font-weight:600;line-height:1.3;transition:color .3s ease}.post-title a:hover{color:var(--primary-color)}.post-excerpt{color:#fffc;line-height:1.6;margin-bottom:20px;font-size:1rem}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag{background:#ffffff1a;color:#ffffffb3;padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:500}.post-footer{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.read-more-btn{display:flex;align-items:center;gap:8px;color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease;padding:8px 16px;border-radius:12px;background:#3b82f61a}.read-more-btn:hover{color:#fff;background:var(--primary-color);transform:translate(5px)}.empty-state{text-align:center;padding:80px 20px;color:#fffc;grid-column:1 / -1;max-width:500px;margin:0 auto;position:relative;z-index:3}.empty-state .empty-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.empty-state h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:15px}.empty-state p{font-size:1.1rem;line-height:1.6;margin-bottom:30px;color:#ffffffb3}.back-to-portfolio-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;text-decoration:none;padding:14px 28px;border-radius:25px;font-weight:500;transition:all .3s ease;position:relative;z-index:4;border:none;box-shadow:0 4px 12px #3b82f633;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-to-portfolio-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666;color:#fff;text-decoration:none;background:linear-gradient(135deg,#2563eb,#059669)}@media (max-width: 768px){.blog-header{padding:140px 0 60px}.blog-title{font-size:2.5rem}.blog-subtitle{font-size:1.1rem;margin-bottom:30px}.blog-container{padding:0 15px 60px}.blog-post-card{padding:25px}.post-meta{flex-direction:column;align-items:flex-start;gap:8px}.category-buttons{gap:8px}.category-btn{padding:10px 20px;font-size:.9rem}}@media (max-width: 480px){.blog-posts-grid{grid-template-columns:1fr;gap:15px}.blog-post-card{padding:20px}.post-title a{font-size:1.25rem}}.blog-post-page{min-height:100vh;background:linear-gradient(135deg,#0f0f17fa,#191928fa,#0f0f17fa);color:#fff;position:relative}.blog-post-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(245,158,11,.05) 0%,transparent 50%);pointer-events:none}.blog-post-container{max-width:800px;margin:0 auto;padding:140px 20px 80px;position:relative;z-index:1}.post-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.back-to-blog,.back-to-portfolio-small{display:flex;align-items:center;gap:8px;color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .3s ease;padding:8px 16px;border-radius:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.back-to-blog:hover,.back-to-portfolio-small:hover{color:#fff;background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px)}.post-header-detail{margin-bottom:50px;text-align:center}.post-meta-detail{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;margin-bottom:25px;font-size:.9rem}.post-category-detail{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:8px 16px;border-radius:15px;font-weight:600;font-size:.85rem}.post-date-detail,.read-time-detail{color:#fff9;font-weight:500}.post-title-detail{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:20px;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-excerpt-detail{font-size:1.2rem;color:#fffc;line-height:1.6;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.post-tags-detail{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tag-detail{background:#ffffff1a;color:#ffffffb3;padding:6px 14px;border-radius:12px;font-size:.85rem;font-weight:500;border:1px solid rgba(255,255,255,.2)}.post-content-detail{margin-bottom:60px}.post-body{line-height:1.8;font-size:1.1rem}.post-body .post-h1{font-size:2.5rem;font-weight:700;color:#fff;margin:40px 0 20px;line-height:1.2}.post-body .post-h2{font-size:2rem;font-weight:600;color:var(--primary-color);margin:35px 0 20px;line-height:1.3;position:relative}.post-body .post-h2:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:4px;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2px}.post-body .post-h3{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin:30px 0 15px;line-height:1.4}.post-body .post-p{color:#ffffffd9;margin-bottom:20px;line-height:1.8}.post-body .post-li{color:#ffffffd9;margin-bottom:8px;padding-left:10px;position:relative;list-style:none}.post-body .post-li:before{content:"▸";color:var(--primary-color);font-weight:700;position:absolute;left:-15px}.post-body ol{counter-reset:item;padding-left:0}.post-body ol .post-li{counter-increment:item}.post-body ol .post-li:before{content:counter(item) ".";color:var(--primary-color);font-weight:600;margin-right:10px;position:absolute;left:-25px}.post-body .inline-code{background:linear-gradient(135deg,#3b82f626,#10b98126);color:#7dd3fc;padding:3px 8px;border-radius:6px;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.9em;font-weight:500;border:1px solid rgba(59,130,246,.3);white-space:nowrap}.code-block-wrapper{margin:30px 0;border-radius:12px;overflow:hidden;background:#1e1e2e;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(135deg,#2a2a3e,#1a1a2e);border-bottom:1px solid rgba(255,255,255,.08)}.code-block-dots{display:flex;gap:8px;align-items:center}.code-block-dots .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.dot-red{background:#ff5f57;box-shadow:0 0 8px #ff5f5780}.dot-yellow{background:#ffbd2e;box-shadow:0 0 8px #ffbd2e80}.dot-green{background:#28ca42;box-shadow:0 0 8px #28ca4280}.code-block-language{position:absolute;left:50%;transform:translate(-50%);color:#fff9;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:Segoe UI,system-ui,sans-serif}.code-copy-btn{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#ffffffb3;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-size:.8rem}.code-copy-btn:hover{background:#3b82f640;border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.code-copy-btn:active{transform:translateY(0)}.code-copy-btn svg{stroke:currentColor}.code-block{margin:0;padding:24px;background:#1e1e2e;overflow-x:auto;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.95rem;line-height:1.6;position:relative}.code-block code{background:none;padding:0;border-radius:0;color:#e5e7eb;display:block;font-family:inherit;white-space:pre}.code-block code{color:#d4d4d4}.code-block:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));opacity:.6}.code-block::-webkit-scrollbar{height:8px}.code-block::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.code-block::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:4px}.code-block::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.post-body .post-ul,.post-body .post-ol{margin:20px 0;padding-left:30px}.post-body .post-hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin:40px 0}.post-body .post-spacer{height:15px}.post-body .post-blockquote{margin:25px 0;padding:20px 25px;background:#3b82f614;border-left:4px solid var(--primary-color);border-radius:8px;color:#ffffffd9;font-style:italic}.post-footer-detail{border-top:1px solid rgba(255,255,255,.1);padding-top:40px;display:flex;flex-direction:column;gap:30px}.author-info{display:flex;gap:20px;align-items:center;background:#ffffff0d;padding:25px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.author-avatar{flex-shrink:0}.avatar-placeholder{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff}.author-details h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:5px}.author-details p{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin:0}.post-actions{display:flex;justify-content:center}.more-posts-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-decoration:none;padding:16px 32px;border-radius:25px;font-weight:600;font-size:1rem;transition:all .3s ease;border:none;cursor:pointer}.more-posts-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #3b82f666;color:#fff}@media (max-width: 768px){.blog-post-container{padding:120px 15px 60px}.post-navigation{flex-direction:column;gap:15px;align-items:stretch}.back-to-blog,.back-to-portfolio-small{justify-content:center}.post-meta-detail{flex-direction:column;gap:10px}.post-title-detail{font-size:2rem}.post-excerpt-detail{font-size:1.1rem}.post-tags-detail{gap:8px}.post-body{font-size:1rem}.post-body .post-h1{font-size:2rem}.post-body .post-h2{font-size:1.6rem;margin-left:0}.post-body .post-h2:before{display:none}.author-info{flex-direction:column;text-align:center;gap:15px}}@media (max-width: 480px){.post-title-detail{font-size:1.8rem}.post-excerpt-detail{font-size:1rem}.author-info{padding:20px}.more-posts-btn{padding:14px 28px;font-size:.95rem}}