@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.block{display:block}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-700{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-600{--tw-gradient-from:#4b5563 var(--tw-gradient-from-position);--tw-gradient-to:#4b556300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-400{--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.to-gray-400{--tw-gradient-to:#9ca3af var(--tw-gradient-to-position)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}.gradient-text{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease infinite;background:linear-gradient(135deg,#0ea5e9,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.loading-screen{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left-color:#0ea5e9;border-radius:50%;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);border-radius:4px}@media (max-width:768px){html{font-size:14px}}@media (max-width:480px){html{font-size:13px}}.language-switcher{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.language-switcher:hover{background:#fff3;transform:translateY(-2px)}.language-text{font-size:.9rem;font-weight:600}@media (max-width:768px){.language-switcher{padding:.4rem .8rem}.language-text{font-size:.8rem}}.navigation{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navigation.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0acc;border-bottom:1px solid #ffffff1a}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-logo a{font-size:1.5rem;font-weight:800;text-decoration:none}.nav-items{align-items:center;display:flex;gap:2rem}.nav-item{color:#fffc;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-item.active,.nav-item:hover{color:#0ea5e9}.nav-item:after{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-item.active:after,.nav-item:hover:after{width:100%}.nav-actions{align-items:center;display:flex;gap:1rem}.mobile-menu-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:none;padding:.5rem;transition:all .3s ease}.mobile-menu-btn:hover{background:#fff3}.mobile-menu{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease}.mobile-menu.open{transform:translateY(0)}.mobile-menu-content{align-items:center;display:flex;flex-direction:column;gap:2rem}.mobile-nav-item{border-radius:12px;color:#fffc;font-size:1.5rem;font-weight:600;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.mobile-nav-item.active,.mobile-nav-item:hover{background:#0ea5e91a;color:#0ea5e9}@media (max-width:768px){.nav-container{padding:1rem}.nav-items{display:none}.mobile-menu-btn{display:block}.nav-logo a{font-size:1.3rem}}@media (max-width:480px){.nav-container{padding:.8rem}.nav-logo a{font-size:1.2rem}.mobile-nav-item{font-size:1.3rem;padding:.8rem 1.5rem}}@media (max-width:768px){.navigation{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0a0a0af2!important;border-bottom:1px solid #ffffff1a!important;height:70px!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}.nav-container{align-items:center!important;display:flex!important;height:100%!important;justify-content:space-between!important;max-width:100%!important;padding:1rem!important}.nav-logo a{font-size:1.3rem!important;font-weight:800!important}.nav-actions{gap:1rem!important}.mobile-menu-btn,.nav-actions{align-items:center!important;display:flex!important}.mobile-menu-btn{background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;height:44px!important;justify-content:center!important;touch-action:manipulation!important;transition:all .3s ease!important;width:44px!important}.mobile-menu-btn:hover{background:#fff3!important;transform:scale(1.05)!important}.mobile-menu,.mobile-menu-btn:active{transform:scale(.95)!important}.mobile-menu{align-items:center!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#0a0a0afa,#1a1a2efa 50%,#16213efa)!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;opacity:0!important;position:fixed!important;top:0!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;visibility:hidden!important;width:100%!important;z-index:999!important}.mobile-menu.open{opacity:1!important;transform:scale(1)!important;visibility:visible!important}.mobile-menu-content{flex-direction:column!important;gap:2rem!important;max-width:400px!important;padding:2rem!important;text-align:center!important}.mobile-menu-content,.mobile-nav-item{align-items:center!important;display:flex!important;width:100%!important}.mobile-nav-item{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:15px!important;color:#fffc!important;font-size:1.6rem!important;font-weight:600!important;justify-content:center!important;max-width:280px!important;overflow:hidden!important;padding:1.2rem 2rem!important;position:relative!important;text-decoration:none!important;touch-action:manipulation!important;transition:all .4s ease!important}.mobile-nav-item:before{background:linear-gradient(90deg,#0000,#0ea5e933,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;transition:left .6s ease!important;width:100%!important}.mobile-nav-item:active:before,.mobile-nav-item:hover:before{left:100%!important}.mobile-nav-item.active,.mobile-nav-item:hover{background:#0ea5e926!important;border-color:#0ea5e94d!important;box-shadow:0 10px 30px #0ea5e94d!important;color:#0ea5e9!important;transform:translateY(-3px)!important}.mobile-nav-item:active{transform:translateY(-1px)!important}.mobile-menu.open .mobile-nav-item:first-child{animation:slideInUp .4s ease-out .1s both}.mobile-menu.open .mobile-nav-item:nth-child(2){animation:slideInUp .4s ease-out .2s both}.mobile-menu.open .mobile-nav-item:nth-child(3){animation:slideInUp .4s ease-out .3s both}.mobile-menu.open .mobile-nav-item:nth-child(4){animation:slideInUp .4s ease-out .4s both}.mobile-menu.open .mobile-nav-item:nth-child(5){animation:slideInUp .4s ease-out .5s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:480px){.nav-container{padding:.8rem!important}.nav-logo a{font-size:1.2rem!important}.mobile-nav-item{font-size:1.4rem!important;max-width:260px!important;padding:1rem 1.5rem!important}.mobile-menu-content{gap:1.5rem!important;padding:1.5rem!important}.mobile-menu-btn{height:40px!important;width:40px!important}}@media (max-width:360px){.mobile-nav-item{font-size:1.2rem!important;max-width:240px!important;padding:.8rem 1.2rem!important}.mobile-menu-content{gap:1.2rem!important}}.hero-section{align-items:center;background:radial-gradient(ellipse at center,#0ea5e90d 0,#0a0a0a 70%);display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-background{inset:0;position:absolute;z-index:0}.gradient-orb{animation:float-slow 20s ease-in-out infinite;border-radius:50%;filter:blur(120px);opacity:.6;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,#0ea5e9,#06b6d4);height:400px;right:10%;top:10%;width:400px}.orb-2{animation-delay:5s;background:linear-gradient(135deg,#8b5cf6,#a855f7);bottom:20%;height:300px;left:10%;width:300px}.orb-3{animation-delay:10s;background:linear-gradient(135deg,#06b6d4,#0ea5e9);height:250px;left:50%;top:50%;width:250px}.orb-4{animation-delay:15s;background:linear-gradient(135deg,#f59e0b,#eab308);height:200px;right:30%;top:30%;width:200px}.hero-grid{animation:grid-move 30s linear infinite;background-image:linear-gradient(#0ea5e91a 1px,#0000 0),linear-gradient(90deg,#0ea5e91a 1px,#0000 0);background-size:100px 100px;-webkit-mask:radial-gradient(circle at center,#000 20%,#0000 80%);mask:radial-gradient(circle at center,#000 20%,#0000 80%)}.hero-grid,.particles{inset:0;position:absolute}.particles{pointer-events:none}.particle{animation:particle-float 20s linear infinite;background:linear-gradient(45deg,#0ea5e9,#8b5cf6);border-radius:50%;height:2px;position:absolute;width:2px}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:2}.hero-content{display:flex;flex-direction:column;gap:2rem}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0ea5e91a;border:1px solid #0ea5e94d;border-radius:50px;color:#0ea5e9;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;width:-webkit-fit-content;width:fit-content}.badge-icon{animation:sparkle 2s ease-in-out infinite}.badge-glow{animation:badge-pulse 3s ease-in-out infinite;background:linear-gradient(45deg,#0ea5e9,#06b6d4,#8b5cf6);border-radius:50px;inset:-2px;opacity:0;position:absolute;z-index:-1}.hero-greeting{color:#fffc;font-size:1.3rem;font-weight:500;margin-bottom:-.5rem}.hero-name{font-size:clamp(3rem,8vw,5rem);font-weight:900;line-height:1;margin:0}.name-wrapper{display:inline-block;position:relative}.gradient-text-animated{-webkit-text-fill-color:#0000;animation:gradient-wave 4s ease-in-out infinite;background:linear-gradient(135deg,#fff,#0ea5e9,#8b5cf6,#06b6d4,#fff);-webkit-background-clip:text;background-clip:text;background-size:400% 100%}.name-underline{animation:underline-slide 2s ease-out;background:linear-gradient(90deg,#0ea5e9,#8b5cf6,#06b6d4);border-radius:2px;bottom:-10px;height:4px;left:0;position:absolute;width:100%}.hero-title{align-items:center;color:#ffffffe6;display:flex;flex-wrap:wrap;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;gap:.5rem;margin:0}.title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;background-clip:text;position:relative}.title-separator{color:#8b5cf6;font-weight:300;margin:0 .5rem}.title-normal{color:#ffffffe6}.hero-description{color:#ffffffb3;font-size:1.2rem;font-weight:400;line-height:1.7;max-width:600px}.tech-stack{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.tech-pill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;color:#fffc;cursor:pointer;font-size:.9rem;font-weight:500;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:all .3s ease}.tech-pill:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tech-pill:hover:before{left:100%}.tech-pill:hover{background:#0ea5e933;border-color:#0ea5e966;color:#0ea5e9;transform:translateY(-2px)}.hero-buttons{display:flex;gap:1.5rem;margin-top:1rem}.btn-primary{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;border-radius:50px;box-shadow:0 10px 30px #0ea5e94d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.8rem;overflow:hidden;padding:1.2rem 2.5rem;position:relative;transition:all .3s ease}.btn-primary:hover{box-shadow:0 15px 40px #0ea5e966;transform:translateY(-2px)}.btn-glow{background:linear-gradient(45deg,#0ea5e9,#06b6d4,#8b5cf6);border-radius:50px;inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.btn-primary:hover .btn-glow{opacity:.7}.btn-secondary{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.8rem;padding:1.2rem 2.5rem;transition:all .3s ease}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.btn-icon{transition:transform .3s ease}.btn-primary:hover .btn-icon{transform:translateX(4px)}.hero-social{display:flex;gap:1rem;margin-top:2rem}.social-link{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;color:#fffc;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:60px}.social-link:hover{background:#0ea5e933;border-color:#0ea5e966;box-shadow:0 8px 25px #0ea5e94d;color:#0ea5e9}.social-tooltip{background:#000000e6;border-radius:8px;bottom:-45px;color:#fff;font-size:.8rem;left:50%;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.social-link:hover .social-tooltip{opacity:1}.hero-visual{align-items:center;display:flex;justify-content:center;min-height:600px;position:relative}.visual-container{height:400px;position:relative;transition:transform .1s ease-out;width:400px}.avatar-container{height:280px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:280px}.avatar-glow{animation:avatar-pulse 4s ease-in-out infinite;background:linear-gradient(135deg,#0ea5e9,#8b5cf6,#06b6d4);border-radius:50%;filter:blur(30px);inset:-20px;opacity:.6;position:absolute}.hero-avatar{border:4px solid #ffffff1a;border-radius:50%;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.avatar-border{animation:border-rotate 6s linear infinite;background:linear-gradient(45deg,#0ea5e9,#8b5cf6,#06b6d4,#0ea5e9);background-size:300% 300%;border-radius:50%;inset:-4px;position:absolute;z-index:1}.floating-tech-icon{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;box-shadow:0 8px 25px #0000004d;color:var(--icon-color);display:flex;height:60px;justify-content:center;position:absolute;width:60px}.floating-tech-icon:nth-child(2){right:10%;top:10%}.floating-tech-icon:nth-child(3){bottom:20%;left:0}.floating-tech-icon:nth-child(4){left:-10%;top:30%}.code-snippet{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;border:1px solid #0ea5e94d;border-radius:12px;box-shadow:0 8px 25px #00000080;color:#0ea5e9;font-family:JetBrains Mono,monospace;font-size:.9rem;padding:1rem 1.5rem;position:absolute}.snippet-1{left:-50px;top:15%}.snippet-2{bottom:15%;right:-50px}.scroll-indicator{align-items:center;bottom:3rem;color:#fff9;cursor:pointer;display:flex;flex-direction:column;gap:1rem;left:50%;position:absolute;transform:translateX(-50%)}.scroll-line{background:linear-gradient(180deg,#0000,#0ea5e9,#0000);border-radius:1px;height:60px;width:2px}.scroll-text{font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.scroll-arrow{color:#0ea5e9;font-size:1.2rem}@keyframes float-slow{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(20px,-20px) rotate(90deg)}50%{transform:translate(-20px,20px) rotate(180deg)}75%{transform:translate(-20px,-20px) rotate(270deg)}}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(100px,100px)}}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) rotate(1turn)}}@keyframes sparkle{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}@keyframes badge-pulse{0%,to{opacity:0}50%{opacity:.3}}@keyframes gradient-wave{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes underline-slide{0%{width:0}to{width:100%}}@keyframes avatar-pulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.05) rotate(180deg)}}@keyframes border-rotate{0%{background-position:0 50%}to{background-position:300% 50%}}@media (max-width:1200px){.hero-container{gap:3rem}.visual-container{height:350px;width:350px}.avatar-container{height:240px;width:240px}}@media (max-width:968px){.hero-container{gap:4rem;grid-template-columns:1fr;padding:1.5rem;text-align:center}.hero-visual{min-height:400px;order:-1}.visual-container{height:300px;width:300px}.avatar-container{height:200px;width:200px}.floating-tech-icon{height:50px;width:50px}.code-snippet{font-size:.8rem;padding:.8rem 1.2rem}.snippet-1{left:-30px}.snippet-2{right:-30px}.hero-buttons{flex-wrap:wrap}.hero-buttons,.hero-social{justify-content:center}}@media (max-width:768px){.hero-section{min-height:100vh;padding:1rem}.hero-container{gap:3rem;padding:1rem}.hero-name{font-size:clamp(2.5rem,12vw,4rem)}.hero-title{flex-direction:column;font-size:clamp(1.2rem,6vw,2rem);gap:.2rem}.hero-description{font-size:1.1rem}.tech-stack{justify-content:center}.tech-pill{font-size:.85rem;padding:.5rem 1rem}.btn-primary,.btn-secondary{font-size:1rem;padding:1rem 2rem}.visual-container{height:250px;width:250px}.avatar-container{height:180px;width:180px}.floating-tech-icon{height:45px;width:45px}.floating-tech-icon svg{height:20px;width:20px}.scroll-indicator{bottom:2rem}}@media (max-width:480px){.hero-container{gap:2rem;padding:.5rem}.hero-badge{font-size:.8rem;padding:.6rem 1.2rem}.hero-greeting{font-size:1.1rem}.hero-name{font-size:clamp(2rem,15vw,3.5rem)}.hero-title{font-size:clamp(1rem,8vw,1.8rem)}.hero-description{font-size:1rem}.hero-buttons{align-items:center;flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{font-size:.95rem;max-width:280px;padding:.9rem 1.8rem;width:100%}.social-link{height:50px;width:50px}.social-link svg{height:20px;width:20px}.visual-container{height:200px;width:200px}.avatar-container{height:150px;width:150px}.floating-tech-icon{height:40px;width:40px}.floating-tech-icon svg{height:18px;width:18px}.code-snippet{font-size:.7rem;padding:.6rem 1rem}.snippet-1,.snippet-2{bottom:auto;left:auto;margin:.5rem 0;position:relative;right:auto;top:auto}}@media (max-width:360px){.hero-name{font-size:clamp(1.8rem,18vw,3rem)}.hero-title{font-size:clamp(.9rem,10vw,1.5rem)}.btn-primary,.btn-secondary{font-size:.9rem;max-width:250px;padding:.8rem 1.5rem}.tech-pill{font-size:.8rem;padding:.4rem .8rem}}.about-section{background:linear-gradient(135deg,#0a0a0ae6,#1a1a2ee6 50%,#16213ee6);min-height:100vh;padding:8rem 2rem;position:relative}.about-background{overflow:hidden;z-index:0}.about-background,.floating-shapes{inset:0;position:absolute}.floating-shape{border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.shape-1{background:linear-gradient(135deg,#0ea5e9,#06b6d4);height:200px;left:10%;top:10%;width:200px}.shape-2{background:linear-gradient(135deg,#8b5cf6,#a855f7);height:150px;right:20%;top:60%;width:150px}.shape-3{background:linear-gradient(135deg,#f59e0b,#eab308);bottom:20%;height:180px;left:30%;width:180px}.shape-4{background:linear-gradient(135deg,#06b6d4,#0ea5e9);height:120px;right:10%;top:30%;width:120px}.shape-5{background:linear-gradient(135deg,#8b5cf6,#06b6d4);height:160px;right:40%;top:80%;width:160px}.shape-6{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);height:140px;left:60%;top:40%;width:140px}.about-container{margin:0 auto;max-width:1400px;position:relative;z-index:2}.badge-icon{animation:pulse-glow 2s ease-in-out infinite}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:6rem}.stat-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s ease}.stat-card:hover{background:#ffffff14;border-color:#0ea5e94d;transform:translateY(-10px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;position:relative;width:60px;z-index:2}.stat-number{font-size:2.5rem;line-height:1;margin-bottom:.5rem}.stat-label{font-weight:500}.stat-glow{background:linear-gradient(45deg,#0ea5e9,#8b5cf6,#06b6d4);border-radius:24px;inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.stat-card:hover .stat-glow{opacity:.3}.about-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:6rem}.about-content{display:flex;flex-direction:column;gap:2rem}.content-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.content-card:hover{background:#ffffff14;border-color:#fff3}.card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.card-icon{background:#0ea5e933;border-radius:12px;color:#0ea5e9;padding:12px}.passion-icon{background:#ef444433;color:#ef4444}.approach-icon{background:#8b5cf633;color:#8b5cf6}.card-title{color:#fff;font-size:1.3rem;font-weight:700;margin:0}.card-description{color:#fffc;font-size:1rem;line-height:1.7}.about-description-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2.5rem;position:relative}.about-text{color:#fffc;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.description-highlight{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;position:relative}.highlight-bar{background:linear-gradient(90deg,#0ea5e9,#8b5cf6,#06b6d4);border-radius:2px;height:100%}.skills-section{display:flex;flex-direction:column;gap:2rem}.skill-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:.5rem;padding:.5rem}.skill-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#fff9;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.skill-tab:hover{background:#ffffff0d;color:#fffc}.skill-tab.active{background:var(--tab-color);box-shadow:0 8px 25px #0ea5e94d;color:#fff}.skill-tab:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.skill-tab:hover:before{left:100%}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.skill-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.skill-card:hover{background:#ffffff14;border-color:#0ea5e94d}.skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.skill-name{color:#fff;font-size:1rem;font-weight:600}.skill-level{color:#0ea5e9;font-size:.9rem;font-weight:600}.skill-bar{background:#ffffff1a;height:8px}.skill-bar,.skill-progress{border-radius:4px;overflow:hidden;position:relative}.skill-progress{background:linear-gradient(90deg,#0ea5e9,#06b6d4,#8b5cf6);height:100%}.skill-progress:before{animation:skill-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.skill-glow{background:linear-gradient(90deg,#0ea5e9,#06b6d4,#8b5cf6);border-radius:6px;inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease}.skill-card:hover .skill-glow{opacity:.3}.skill-particles{align-items:center;display:flex;gap:4px;height:100%;position:absolute;right:1rem;top:0}.skill-particle{background:#0ea5e9;border-radius:50%;height:4px;opacity:0;width:4px}.experience-section{margin-top:4rem}.experience-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:3rem;text-align:center}.timeline{margin:0 auto;max-width:800px;position:relative}.timeline:before{background:linear-gradient(180deg,#0ea5e9,#8b5cf6,#06b6d4);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{align-items:center;cursor:pointer;display:flex;margin-bottom:3rem;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-marker{height:20px;left:50%;position:absolute;transform:translateX(-50%);width:20px;z-index:2}.marker-dot{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);border:4px solid #0a0a0a;border-radius:50%;box-shadow:0 0 20px #0ea5e980;height:100%;width:100%}.timeline-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:all .3s ease;width:45%}.timeline-item:hover .timeline-content{background:#ffffff14;border-color:#0ea5e94d;box-shadow:0 10px 30px #0ea5e933}.timeline-year{color:#0ea5e9;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.timeline-title,.timeline-year{font-weight:700;margin-bottom:.5rem}.timeline-title{color:#fff;font-size:1.2rem}.timeline-desc{color:#ffffffb3;line-height:1.6;margin:0}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 #0ea5e9b3;transform:scale(1)}50%{box-shadow:0 0 20px #0ea5e966;transform:scale(1.05)}}@keyframes skill-shimmer{0%{left:-100%}to{left:100%}}@media (max-width:1200px){.about-grid{gap:3rem}.stats-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:968px){.about-section{padding:6rem 1.5rem}.about-grid{gap:3rem;grid-template-columns:1fr}.stats-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:4rem}.skill-tabs{flex-direction:column;gap:.5rem}.skill-tab{justify-content:flex-start;padding:.8rem 1rem}.timeline:before{left:20px}.timeline-marker{left:20px;transform:translateX(-50%)}.timeline-item{flex-direction:row!important;padding-left:60px}.timeline-content{width:100%}}@media (max-width:768px){.about-section{padding:4rem 1rem}.section-header{margin-bottom:3rem}.section-title{font-size:clamp(2rem,8vw,3rem)}.section-subtitle{font-size:1.1rem}.stats-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:3rem}.stat-card{padding:1.5rem}.stat-number{font-size:2rem}.content-card{padding:1.5rem}.about-description-card{padding:2rem}.card-title{font-size:1.2rem}.about-text{font-size:1rem}.skill-card{padding:1.2rem}.experience-title{font-size:2rem;margin-bottom:2rem}.timeline-content{padding:1.5rem}.timeline-title{font-size:1.1rem}}@media (max-width:480px){.about-section{padding:3rem .5rem}.section-badge{font-size:.8rem;padding:.6rem 1.2rem}.section-title{font-size:clamp(1.8rem,10vw,2.5rem)}.section-subtitle{font-size:1rem}.stat-card{padding:1.2rem}.stat-icon{height:50px;width:50px}.stat-number{font-size:1.8rem}.stat-label{font-size:.8rem}.content-card{padding:1.2rem}.about-description-card{padding:1.5rem}.card-header{align-items:flex-start;flex-direction:column;gap:.8rem}.card-icon{padding:10px}.card-title{font-size:1.1rem}.card-description{font-size:.9rem}.about-text{font-size:.95rem}.skill-tab{font-size:.9rem;padding:.7rem .8rem}.skill-card{padding:1rem}.skill-name{font-size:.9rem}.skill-level{font-size:.8rem}.experience-title{font-size:1.8rem}.timeline-content{padding:1.2rem}.timeline-title{font-size:1rem}.timeline-desc{font-size:.9rem}.timeline-year{font-size:.8rem}}@media (max-width:360px){.section-title{font-size:clamp(1.6rem,12vw,2.2rem)}.stats-grid{gap:.8rem}.stat-card{padding:1rem}.stat-number{font-size:1.6rem}.about-description-card,.content-card{padding:1rem}.skill-card{padding:.8rem}.timeline-content{padding:1rem}}.portfolio-section{background:linear-gradient(135deg,#16213ee6,#0a0a0ae6 50%,#1a1a2ee6);min-height:100vh;overflow:hidden;padding:8rem 2rem;position:relative}.portfolio-background{inset:0;position:absolute;z-index:0}.bg-grid-portfolio{animation:grid-float 25s linear infinite;background-image:linear-gradient(#0ea5e90d 1px,#0000 0),linear-gradient(90deg,#0ea5e90d 1px,#0000 0);background-size:80px 80px;-webkit-mask:radial-gradient(circle at center,#000 30%,#0000 70%);mask:radial-gradient(circle at center,#000 30%,#0000 70%)}.bg-grid-portfolio,.floating-elements-portfolio{inset:0;position:absolute}.floating-element-portfolio{border-radius:50%;filter:blur(60px);opacity:.4;position:absolute}.element-1{background:linear-gradient(135deg,#0ea5e9,#06b6d4);height:150px;left:5%;top:10%;width:150px}.element-2{background:linear-gradient(135deg,#8b5cf6,#a855f7);height:120px;right:10%;top:70%;width:120px}.element-3{background:linear-gradient(135deg,#f59e0b,#eab308);height:100px;left:80%;top:40%;width:100px}.element-4{background:linear-gradient(135deg,#06b6d4,#0ea5e9);bottom:30%;height:180px;left:20%;width:180px}.element-5{background:linear-gradient(135deg,#ef4444,#f97316);height:130px;right:30%;top:20%;width:130px}.element-6{background:linear-gradient(135deg,#10b981,#059669);bottom:10%;height:110px;right:60%;width:110px}.element-7{background:linear-gradient(135deg,#8b5cf6,#06b6d4);height:90px;left:50%;top:60%;width:90px}.element-8{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);bottom:60%;height:160px;right:20%;width:160px}.portfolio-container{margin:0 auto;max-width:1400px;position:relative;z-index:2}.section-badge{background:#0ea5e91a;border:1px solid #0ea5e94d;color:#0ea5e9}.section-title{background:linear-gradient(135deg,#fff,#0ea5e9,#8b5cf6)}.portfolio-filters{display:flex;justify-content:center;margin:3rem 0 4rem}.desktop-filters{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem}.filter-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:15px;color:#ffffffb3;cursor:pointer;display:flex;font-weight:600;gap:.5rem;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .3s ease}.filter-btn:hover{background:#ffffff14;border-color:#fff3;color:#fff;transform:translateY(-2px)}.filter-btn.active{background:var(--category-color);border-color:var(--category-color);box-shadow:0 8px 25px #0ea5e94d;color:#fff}.filter-glow{background:linear-gradient(45deg,var(--category-color),#0000);border-radius:17px;inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.filter-btn:hover .filter-glow{opacity:.3}.mobile-filter{max-width:300px;position:relative;width:100%}.filter-toggle{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #fff3;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.filter-toggle:hover{background:#ffffff1f}.filter-dropdown{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0a0a0af2;border:1px solid #fff3;border-radius:15px;box-shadow:0 20px 40px #00000080;left:0;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.filter-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #ffffff0d;color:#fffc;cursor:pointer;display:flex;gap:.8rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.filter-item:last-child{border-bottom:none}.filter-item:hover{background:#ffffff14;color:#fff}.filter-item.active{background:#0ea5e933;border-color:#0ea5e94d;color:var(--category-color)}.projects-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:6rem}.project-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;cursor:pointer;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .4s ease}.project-card:hover{background:#ffffff14;border-color:#0ea5e94d;box-shadow:0 25px 50px #0ea5e933}.project-image{border-radius:20px 20px 0 0;height:250px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.project-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.project-links,.project-overlay{display:flex;justify-content:center}.project-links{flex-wrap:wrap;gap:1rem}.project-link{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;display:flex;font-weight:600;gap:.5rem;overflow:hidden;padding:.8rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.project-link.demo{background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:1px solid #0ea5e94d;color:#fff}.project-link.code{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.link-glow{background:linear-gradient(45deg,#0ea5e9,#8b5cf6,#06b6d4);border-radius:27px;inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.project-link:hover .link-glow{opacity:.7}.category-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0ea5e9e6;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.project-content{padding:2rem;position:relative}.project-title{color:#fff;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:1rem;transition:color .3s ease}.project-description{color:#ffffffb3;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}.tech-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0ea5e926;border:1px solid #0ea5e94d;border-radius:20px;color:#0ea5e9;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem 1rem;transition:all .3s ease}.tech-tag:hover{background:#0ea5e940;border-color:#0ea5e980;transform:translateY(-2px)}.project-stats{display:flex;gap:1rem;margin-top:1rem}.stat-item{align-items:center;color:#fff9;display:flex;font-size:.8rem;font-weight:500;gap:.3rem}.stat-item svg{color:#0ea5e9}.project-glow{background:linear-gradient(135deg,#0ea5e9,#8b5cf6,#06b6d4);border-radius:30px;filter:blur(30px);inset:-20px}.project-border,.project-glow{opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.project-border{animation:border-flow 6s linear infinite;background:linear-gradient(45deg,#0ea5e9,#8b5cf6,#06b6d4,#0ea5e9);background-size:300% 300%;border-radius:26px;inset:-2px}.project-card:hover .project-border{opacity:.7}.portfolio-cta{margin-top:4rem;padding:4rem 2rem;text-align:center}.cta-content{border-radius:24px;max-width:600px}.cta-title{font-size:2rem;margin-bottom:1rem}.cta-description{font-size:1.1rem;margin-bottom:2rem}.cta-button{background:linear-gradient(135deg,#0ea5e9,#06b6d4);padding:1.2rem 2.5rem}.button-glow{background:linear-gradient(45deg,#0ea5e9,#8b5cf6,#06b6d4);border-radius:52px;inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.cta-button:hover .button-glow{opacity:.8}@keyframes grid-float{0%{transform:translate(0)}to{transform:translate(80px,80px)}}@keyframes border-flow{0%{background-position:0 50%}to{background-position:300% 50%}}@media (max-width:1200px){.projects-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:968px){.portfolio-section{padding:6rem 1.5rem}.desktop-filters{display:none}.mobile-filter{display:block;margin:0 auto}.projects-grid{gap:2rem;grid-template-columns:1fr;margin:0 auto 4rem;max-width:600px}.project-card{max-width:100%}.project-overlay{background:#0009;opacity:1}.project-links{flex-direction:column;gap:.8rem}.cta-content{padding:2rem}}@media (max-width:768px){.portfolio-section{padding:4rem 1rem}.section-header{margin-bottom:3rem}.section-title{font-size:clamp(2rem,8vw,3rem)}.section-subtitle{font-size:1.1rem}.portfolio-filters{margin:2rem 0 3rem}.projects-grid{gap:1.5rem}.project-image{height:200px}.project-content{padding:1.5rem}.project-title{font-size:1.2rem}.project-description{font-size:.9rem}.tech-tag{font-size:.75rem;padding:.3rem .8rem}.cta-title{font-size:1.6rem}.cta-button,.cta-description{font-size:1rem}.cta-button{padding:1rem 2rem}}@media (max-width:480px){.portfolio-section{padding:3rem .5rem}.section-badge{font-size:.8rem;padding:.6rem 1.2rem}.projects-grid{gap:1rem}.project-content{padding:1.2rem}.project-title{font-size:1.1rem}.project-description{font-size:.85rem}.project-links{gap:.6rem}.project-link{font-size:.9rem;padding:.6rem 1.2rem}.cta-content{padding:1.5rem}.cta-title{font-size:1.4rem}.cta-button{font-size:.95rem;padding:.9rem 1.8rem}.filter-item,.filter-toggle{font-size:.9rem;padding:.8rem 1.2rem}}@media (max-width:360px){.projects-grid{grid-template-columns:1fr}.project-content{padding:1rem}.cta-content{padding:1.2rem}.cta-title{font-size:1.2rem}.cta-button{font-size:.9rem;padding:.8rem 1.5rem}}.services-section{background:linear-gradient(135deg,#1a1a2ee6,#0a0a0ae6 50%,#16213ee6);min-height:100vh;overflow:hidden;padding:8rem 2rem;position:relative}.services-background{z-index:0}.floating-shapes-services,.services-background{inset:0;position:absolute}.floating-shape-service{border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.shape-service-1{background:linear-gradient(135deg,#0ea5e9,#06b6d4);height:200px;left:10%;top:15%;width:200px}.shape-service-2{background:linear-gradient(135deg,#8b5cf6,#a855f7);height:150px;right:15%;top:70%;width:150px}.shape-service-3{background:linear-gradient(135deg,#f59e0b,#eab308);bottom:30%;height:180px;left:60%;width:180px}.shape-service-4{background:linear-gradient(135deg,#ef4444,#f97316);height:120px;right:40%;top:40%;width:120px}.shape-service-5{background:linear-gradient(135deg,#10b981,#059669);bottom:10%;height:160px;left:20%;width:160px}.services-grid-bg{animation:services-grid-float 20s linear infinite;background-image:linear-gradient(#8b5cf60d 1px,#0000 0),linear-gradient(90deg,#8b5cf60d 1px,#0000 0);background-size:120px 120px;inset:0;-webkit-mask:radial-gradient(circle at center,#000 40%,#0000 70%);mask:radial-gradient(circle at center,#000 40%,#0000 70%);position:absolute}.services-container{margin:0 auto;max-width:1400px;position:relative;z-index:2}.section-badge{background:#8b5cf61a;border:1px solid #8b5cf64d;color:#8b5cf6}.badge-icon{animation:sparkle-rotate 3s ease-in-out infinite}.section-title{background:linear-gradient(135deg,#fff,#8b5cf6,#0ea5e9)}.section-subtitle{margin:0 auto;max-width:600px}.services-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:6rem}.service-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:28px;cursor:pointer;overflow:hidden;padding:3rem 2rem;position:relative;transform-style:preserve-3d;transition:all .4s ease}.service-card:hover{background:#ffffff14;border-color:#8b5cf64d;box-shadow:0 30px 60px #8b5cf633}.service-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#0ea5e9);border-radius:24px;display:flex;height:100px;justify-content:center;margin:0 auto 2rem;overflow:hidden;position:relative;width:100px}.icon-emoji{font-size:2.5rem;position:relative;z-index:2}.icon-glow{background:linear-gradient(135deg,#8b5cf6,#0ea5e9,#06b6d4);border-radius:30px;filter:blur(20px);inset:-10px;opacity:0;position:absolute;transition:opacity .3s ease}.service-card:hover .icon-glow{opacity:.6}.service-content{position:relative;text-align:center;z-index:2}.service-title{color:#fff;font-size:1.6rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem;transition:color .3s ease}.service-description{color:#fffc;font-size:1rem;line-height:1.7;margin-bottom:2rem}.service-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:left}.feature-item{color:#ffffffe6;cursor:pointer;font-size:.95rem;font-weight:500;gap:1rem}.feature-check,.feature-item{align-items:center;display:flex;transition:all .3s ease}.feature-check{background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:50%;color:#fff;flex-shrink:0;height:24px;justify-content:center;width:24px}.feature-item:hover .feature-check{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 4px 15px #8b5cf666}.service-cta{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:25px;color:#8b5cf6;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.service-cta:hover{background:#8b5cf633;border-color:#8b5cf680;color:#fff;transform:translateY(-2px)}.service-glow{background:linear-gradient(135deg,#8b5cf6,#0ea5e9,#06b6d4);border-radius:35px;filter:blur(30px);inset:-20px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.service-card:hover .service-glow{opacity:.4}.service-border{animation:service-border-flow 6s linear infinite;background:linear-gradient(45deg,#8b5cf6,#0ea5e9,#06b6d4,#8b5cf6);background-size:300% 300%;border-radius:30px;inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.service-card:hover .service-border{opacity:.6}.service-particles{display:flex;gap:4px;position:absolute;right:1rem;top:1rem}.service-particle{background:#8b5cf6;border-radius:50%;height:4px;opacity:0;width:4px}.services-cta{padding:4rem 2rem;text-align:center}.cta-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:28px;margin:0 auto;max-width:700px;overflow:hidden;padding:3rem;position:relative}.cta-content:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.cta-content:hover:before{left:100%}.cta-title{font-size:2.2rem;font-weight:800;margin-bottom:1.5rem}.cta-description{color:#fffc;font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem}.cta-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#0ea5e9);border-radius:50px;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.8rem;overflow:hidden;padding:1.3rem 2.8rem;position:relative;text-decoration:none;transition:all .3s ease}.cta-button-glow{background:linear-gradient(45deg,#8b5cf6,#0ea5e9,#06b6d4);border-radius:52px;inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.cta-button:hover .cta-button-glow{opacity:.8}@keyframes sparkle-rotate{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}@keyframes services-grid-float{0%{transform:translate(0)}to{transform:translate(120px,120px)}}@keyframes service-border-flow{0%{background-position:0 50%}to{background-position:300% 50%}}@media (max-width:1200px){.services-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:968px){.services-section{padding:6rem 1.5rem}.services-grid{gap:2rem;grid-template-columns:1fr;margin:0 auto 4rem;max-width:600px}.service-card{padding:2.5rem 2rem}.service-icon{height:80px;margin-bottom:1.5rem;width:80px}.icon-emoji{font-size:2rem}.cta-content{padding:2.5rem}}@media (max-width:768px){.services-section{padding:4rem 1rem}.section-title{font-size:clamp(2rem,8vw,3rem)}.section-subtitle{font-size:1.1rem}.service-card{padding:2rem 1.5rem}.service-title{font-size:1.4rem}.service-description{font-size:.95rem}.feature-item{font-size:.9rem}.cta-title{font-size:1.8rem}.cta-button,.cta-description{font-size:1rem}.cta-button{padding:1.1rem 2.2rem}}@media (max-width:480px){.services-section{padding:3rem .5rem}.service-card{padding:1.8rem 1.2rem}.service-icon{height:70px;width:70px}.icon-emoji{font-size:1.8rem}.service-title{font-size:1.3rem}.cta-content{padding:2rem}.cta-title{font-size:1.6rem}.cta-button{font-size:.95rem;padding:1rem 2rem}}.contact-section{background:linear-gradient(135deg,#0f172ae6,#0a0a0ae6 50%,#1a1a2ee6);min-height:100vh;overflow:hidden;padding:8rem 2rem 2rem;position:relative}.contact-background{z-index:0}.contact-background,.floating-shapes-contact{inset:0;position:absolute}.floating-shape-contact{border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}.shape-contact-1{background:linear-gradient(135deg,#0ea5e9,#06b6d4);height:300px;left:5%;top:10%;width:300px}.shape-contact-2{background:linear-gradient(135deg,#8b5cf6,#a855f7);height:200px;right:10%;top:60%;width:200px}.shape-contact-3{background:linear-gradient(135deg,#ef4444,#f97316);bottom:20%;height:250px;left:50%;width:250px}.shape-contact-4{background:linear-gradient(135deg,#10b981,#059669);height:180px;right:30%;top:30%;width:180px}.shape-contact-5{background:linear-gradient(135deg,#f59e0b,#eab308);bottom:40%;height:220px;left:20%;width:220px}.shape-contact-6{background:linear-gradient(135deg,#06b6d4,#8b5cf6);height:160px;left:70%;top:70%;width:160px}.contact-grid-bg{animation:contact-grid-move 25s linear infinite;background-image:linear-gradient(#ef44440d 1px,#0000 0),linear-gradient(90deg,#ef44440d 1px,#0000 0);background-size:100px 100px;inset:0;-webkit-mask:radial-gradient(circle at center,#000 50%,#0000 80%);mask:radial-gradient(circle at center,#000 50%,#0000 80%);position:absolute}.contact-container{margin:0 auto;max-width:1400px;position:relative;z-index:2}.section-header{margin-bottom:4rem;text-align:center}.section-badge{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ef44441a;border:1px solid #ef44444d;border-radius:50px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:2rem;overflow:hidden;padding:.75rem 1.5rem;position:relative}.section-badge:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.section-badge:hover:before{left:100%}.badge-icon{animation:heart-beat 2s ease-in-out infinite}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ef4444,#0ea5e9);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.2;margin-bottom:1.5rem}.section-subtitle{color:#fffc;font-size:1.3rem;line-height:1.6;margin-bottom:1rem}.contact-description{color:#ffffffb3;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.contact-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:6rem}.contact-form-section{display:flex;flex-direction:column}.form-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:28px;overflow:hidden;padding:3rem;position:relative;transition:all .4s ease}.form-container:hover{background:#ffffff14;border-color:#ef44444d}.form-title{align-items:center;color:#fff;display:flex;font-size:1.8rem;font-weight:700;gap:1rem;margin-bottom:2rem}.form-icon{color:#ef4444}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#ffffffe6;font-size:.95rem;font-weight:600}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;padding:1rem 1.5rem;resize:vertical;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#ef4444;box-shadow:0 0 20px #ef444433;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-submit{align-items:center;background:linear-gradient(135deg,#ef4444,#f97316);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.8rem;justify-content:center;margin-top:1rem;overflow:hidden;padding:1.2rem 2rem;position:relative;transition:all .3s ease}.submit-glow{background:linear-gradient(45deg,#ef4444,#f97316,#eab308);border-radius:52px;inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.form-submit:hover .submit-glow{opacity:.8}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-card{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .4s ease}.contact-card:hover{background:#ffffff14;border-color:var(--method-color)}.contact-icon{align-items:center;background:var(--method-color);border-radius:18px;color:#fff;display:flex;flex-shrink:0;height:70px;justify-content:center;position:relative;width:70px}.contact-icon-glow{background:var(--method-color);border-radius:25px;filter:blur(15px);inset:-10px;opacity:0;position:absolute;transition:opacity .3s ease}.contact-card:hover .contact-icon-glow{opacity:.5}.contact-info{flex:1 1}.contact-label{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.contact-value{color:#ffffffb3;font-size:.95rem;margin:0}.contact-actions{display:flex;flex-shrink:0;gap:.8rem}.action-btn{align-items:center;background:#ffffff14;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.action-btn:hover{background:#ffffff26;border-color:var(--method-color);color:var(--method-color)}.card-glow{background:var(--method-color);border-radius:30px;filter:blur(30px);inset:-20px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.contact-card:hover .card-glow{opacity:.1}.card-border{background:linear-gradient(45deg,var(--method-color),#0000,var(--method-color));border-radius:22px;inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.contact-card:hover .card-border{opacity:.5}.contact-stats{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;transition:all .4s ease}.stats-title{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:700;gap:.8rem;margin-bottom:1.5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.stat-item{background:#ffffff0d;border-radius:12px;padding:1rem;text-align:center}.stat-number{color:#0ea5e9;display:block;font-size:1.5rem;font-weight:900;margin-bottom:.3rem}.stat-label{color:#ffffffb3;font-size:.9rem}.contact-footer{border-top:1px solid #ffffff1a;margin-top:4rem;padding-top:3rem}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.footer-text{display:flex;flex-direction:column;gap:.5rem}.footer-text p{align-items:center;color:#ffffffb3;display:flex;gap:.5rem;margin:0}.heart-icon{animation:heart-beat 2s ease-in-out infinite;color:#ef4444}.footer-subtitle{color:#ffffff80!important;font-size:.9rem}.footer-links{display:flex;gap:2rem}.footer-link{color:#fff9;cursor:pointer;font-weight:500;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#ef4444}@keyframes heart-beat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes contact-grid-move{0%{transform:translate(0)}to{transform:translate(100px,100px)}}@media (max-width:1200px){.contact-grid{gap:3rem}}@media (max-width:968px){.contact-section{padding:6rem 1.5rem 2rem}.contact-grid{gap:3rem;grid-template-columns:1fr}.form-container{padding:2.5rem}.contact-card{flex-direction:column;padding:2rem 1.5rem}.contact-card,.contact-info,.footer-content{text-align:center}.footer-content{flex-direction:column;gap:1.5rem}}@media (max-width:768px){.contact-section{padding:4rem 1rem 2rem}.section-title{font-size:clamp(2rem,8vw,3rem)}.section-subtitle{font-size:1.1rem}.contact-description{font-size:1rem}.form-container{padding:2rem}.form-title{font-size:1.5rem}.contact-card{padding:1.5rem}.contact-icon{height:60px;width:60px}.contact-label{font-size:1rem}.contact-value{font-size:.9rem}.action-btn{height:40px;width:40px}.stats-grid{gap:.8rem;grid-template-columns:1fr}.footer-links{gap:1rem}}@media (max-width:480px){.contact-section{padding:3rem .5rem 2rem}.section-badge{font-size:.8rem;padding:.6rem 1.2rem}.form-container{padding:1.5rem}.form-title{flex-direction:column;font-size:1.3rem;gap:.5rem}.form-group input,.form-group textarea{font-size:.95rem;padding:.8rem 1.2rem}.form-submit{font-size:1rem;padding:1rem 1.8rem}.contact-card{gap:1rem;padding:1.2rem}.contact-icon{height:50px;width:50px}.contact-label{font-size:.95rem}.contact-value{font-size:.85rem}.contact-actions{gap:.6rem}.action-btn{height:35px;width:35px}.contact-stats{padding:1.5rem}.stats-title{font-size:1.1rem}.stat-number{font-size:1.3rem}.stat-label{font-size:.8rem}.footer-text p{font-size:.9rem}.footer-subtitle{font-size:.8rem!important}.footer-links{flex-wrap:wrap;justify-content:center}.footer-link{font-size:.9rem}}@media (max-width:360px){.contact-grid{gap:2rem}.form-container{padding:1.2rem}.contact-card{padding:1rem}.form-submit{font-size:.95rem;padding:.9rem 1.5rem}.contact-stats{padding:1.2rem}}.App{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 30%,#16213e 70%,#0f172a);min-height:100vh;overflow-x:hidden;position:relative}.App:before{background:radial-gradient(circle at 20% 20%,#0ea5e91a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@media (max-width:768px){body,html{-webkit-overflow-scrolling:touch!important;overflow-scrolling:touch!important}.hero-section,body,html{scroll-behavior:smooth!important}.hero-section{-webkit-overflow-scrolling:touch!important;background:radial-gradient(ellipse at center,#0ea5e90d 0,#0a0a0a 70%)!important;display:flex!important;min-height:100vh!important;overflow:hidden!important;padding:90px 1rem 60px!important}.hero-container,.hero-section{align-items:center!important;position:relative!important}.hero-container{grid-gap:2rem!important;display:grid!important;gap:2rem!important;grid-template-columns:1fr!important;margin:0 auto!important;max-width:100%!important;padding:1rem!important;z-index:2!important}.hero-content{display:flex!important;flex-direction:column!important;gap:1.5rem!important;order:2!important;text-align:center!important}.hero-visual{align-items:center!important;display:flex!important;justify-content:center!important;margin-bottom:1rem!important;min-height:300px!important;order:1!important;position:relative!important}.visual-container{height:280px!important;position:relative!important;transition:transform .1s ease-out!important;width:280px!important}.avatar-container{height:220px!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:220px!important}.avatar-glow{animation:avatar-pulse 4s ease-in-out infinite!important;background:linear-gradient(135deg,#0ea5e9,#8b5cf6,#06b6d4)!important;filter:blur(30px)!important;inset:-20px!important;opacity:.6!important;position:absolute!important}.avatar-glow,.hero-avatar{border-radius:50%!important}.hero-avatar{border:4px solid #ffffff1a!important;height:100%!important;object-fit:cover!important;position:relative!important;width:100%!important;z-index:2!important}.avatar-border{animation:border-rotate 6s linear infinite!important;background:linear-gradient(45deg,#0ea5e9,#8b5cf6,#06b6d4,#0ea5e9)!important;background-size:300% 300%!important;border-radius:50%!important;inset:-4px!important;position:absolute!important;z-index:1!important}.floating-tech-icon{align-items:center!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:50%!important;box-shadow:0 8px 25px #0000004d!important;color:var(--icon-color)!important;display:flex!important;height:50px!important;justify-content:center!important;position:absolute!important;width:50px!important}.floating-tech-icon:nth-child(2){right:10%!important;top:10%!important}.floating-tech-icon:nth-child(3){bottom:20%!important;left:0!important}.floating-tech-icon:nth-child(4){left:-10%!important;top:30%!important}.code-snippet{display:none!important}.hero-badge{align-items:center!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0ea5e91a!important;border:1px solid #0ea5e94d!important;border-radius:50px!important;color:#0ea5e9!important;display:inline-flex!important;font-size:.9rem!important;font-weight:500!important;gap:.5rem!important;margin:0 auto!important;padding:.75rem 1.5rem!important;width:-webkit-fit-content!important;width:fit-content!important}.hero-greeting{color:#fffc!important;font-size:1.2rem!important;font-weight:500!important;margin-bottom:-.5rem!important}.hero-name{font-size:clamp(2.5rem,8vw,4rem)!important;font-weight:900!important;line-height:1!important;margin:0!important}.name-wrapper{display:inline-block!important;position:relative!important}.gradient-text-animated{-webkit-text-fill-color:#0000!important;animation:gradient-wave 4s ease-in-out infinite!important;background:linear-gradient(135deg,#fff,#0ea5e9,#8b5cf6,#06b6d4,#fff)!important;-webkit-background-clip:text!important;background-clip:text!important;background-size:400% 100%!important}.name-underline{animation:underline-slide 2s ease-out!important;background:linear-gradient(90deg,#0ea5e9,#8b5cf6,#06b6d4)!important;border-radius:2px!important;bottom:-10px!important;height:4px!important;left:0!important;position:absolute!important;width:100%!important}.hero-title{align-items:center!important;color:#ffffffe6!important;display:flex!important;flex-wrap:wrap!important;font-size:clamp(1.3rem,4vw,2rem)!important;font-weight:600!important;gap:.5rem!important;justify-content:center!important;margin:0!important}.title-highlight{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#0ea5e9,#06b6d4)!important;-webkit-background-clip:text!important;background-clip:text!important}.title-separator{color:#8b5cf6!important;font-weight:300!important;margin:0 .5rem!important}.title-normal{color:#ffffffe6!important}.hero-description{color:#ffffffb3!important;font-size:1.1rem!important;font-weight:400!important;line-height:1.7!important;margin:0 auto!important;max-width:600px!important}.tech-stack{display:flex!important;flex-wrap:wrap!important;gap:1rem!important;justify-content:center!important;margin:1rem 0!important}.tech-pill{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:25px!important;color:#fffc!important;cursor:pointer!important;font-size:.9rem!important;font-weight:500!important;padding:.6rem 1.2rem!important;transition:all .3s ease!important}.tech-pill:hover{background:#0ea5e933!important;border-color:#0ea5e966!important;color:#0ea5e9!important;transform:translateY(-2px)!important}.hero-buttons{display:flex!important;flex-wrap:wrap!important;gap:1.5rem!important;justify-content:center!important;margin-top:1rem!important}.btn-primary{align-items:center!important;background:linear-gradient(135deg,#0ea5e9,#06b6d4)!important;border:none!important;border-radius:50px!important;box-shadow:0 10px 30px #0ea5e94d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:1.1rem!important;font-weight:600!important;gap:.8rem!important;min-height:48px!important;overflow:hidden!important;padding:1.2rem 2.5rem!important;position:relative!important;text-decoration:none!important;touch-action:manipulation!important;transition:all .3s ease!important}.btn-primary:hover{box-shadow:0 15px 40px #0ea5e966!important;transform:translateY(-2px)!important}.btn-secondary{align-items:center!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff14!important;border:1px solid #fff3!important;border-radius:50px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:1.1rem!important;font-weight:600!important;gap:.8rem!important;min-height:48px!important;padding:1.2rem 2.5rem!important;text-decoration:none!important;touch-action:manipulation!important;transition:all .3s ease!important}.btn-secondary:hover{background:#ffffff26!important;border-color:#ffffff4d!important;transform:translateY(-2px)!important}.hero-social{gap:1rem!important;margin-top:2rem!important}.hero-social,.social-link{display:flex!important;justify-content:center!important}.social-link{align-items:center!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff14!important;border:1px solid #ffffff26!important;border-radius:50%!important;color:#fffc!important;height:60px!important;overflow:hidden!important;position:relative!important;text-decoration:none!important;transition:all .3s ease!important;width:60px!important}.social-link:hover{background:#0ea5e933!important;border-color:#0ea5e966!important;box-shadow:0 8px 25px #0ea5e94d!important;color:#0ea5e9!important}.scroll-indicator{align-items:center!important;bottom:3rem!important;color:#fff9!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:1rem!important;left:50%!important;position:absolute!important;transform:translateX(-50%)!important}.scroll-line{background:linear-gradient(180deg,#0000,#0ea5e9,#0000)!important;border-radius:1px!important;height:60px!important;width:2px!important}.scroll-text{font-size:.9rem!important;font-weight:500!important;letter-spacing:1px!important;text-transform:uppercase!important}.scroll-arrow{color:#0ea5e9!important;font-size:1.2rem!important}@keyframes avatar-pulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.05) rotate(180deg)}}@keyframes border-rotate{0%{background-position:0 50%}to{background-position:300% 50%}}@keyframes gradient-wave{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes underline-slide{0%{width:0}to{width:100%}}}@media (max-width:480px){.hero-section{padding:80px .8rem 50px!important}.hero-container{gap:1.5rem!important;padding:.8rem!important}.visual-container{height:240px!important;width:240px!important}.avatar-container{height:180px!important;width:180px!important}.floating-tech-icon{height:45px!important;width:45px!important}.hero-badge{font-size:.8rem!important;padding:.6rem 1.2rem!important}.hero-greeting{font-size:1.1rem!important}.hero-name{font-size:clamp(2rem,10vw,3.5rem)!important}.hero-title{font-size:clamp(1rem,5vw,1.8rem)!important}.hero-description{font-size:1rem!important}.hero-buttons{align-items:center!important;flex-direction:column!important;gap:1rem!important}.btn-primary,.btn-secondary{font-size:1rem!important;max-width:280px!important;padding:1rem 2rem!important;width:100%!important}.social-link{height:50px!important;width:50px!important}.tech-pill{font-size:.85rem!important;padding:.5rem 1rem!important}}@media (max-width:360px){.visual-container{height:200px!important;width:200px!important}.avatar-container{height:150px!important;width:150px!important}.floating-tech-icon{height:40px!important;width:40px!important}.btn-primary,.btn-secondary{font-size:.9rem!important;max-width:250px!important;padding:.9rem 1.5rem!important}.tech-pill{font-size:.8rem!important;padding:.4rem .8rem!important}}
/*# sourceMappingURL=main.a1e9a4c7.css.map*/