.header{position:fixed;top:0;left:0;width:100%;z-index:1030;padding:1.6rem 4rem;transition:all .3s ease}.header:before{content:"";position:absolute;inset:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);mask-image:linear-gradient(to bottom,#000 0% 12.5%,#000 57.5%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0) 0%,rgb(0,0,0) 12.5%,rgb(0,0,0) 57.5%,rgba(0,0,0,0) 100%);z-index:-1;pointer-events:none}@media (max-width: 767px){.header{padding:1.2rem 2rem}}.header__container{position:relative;width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding-bottom:.4rem;transition:all .5s ease}.header__logo{flex-shrink:0;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .5s ease}.header__logo .logo-image{width:26px;height:26px;object-fit:contain;transform-origin:center;animation:logo-spin 4.5s linear infinite;animation-play-state:paused}.header__logo:hover .logo-image{animation-play-state:running}.header__logo .logo-text{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#334155,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;white-space:nowrap;transition:all .5s ease}.header__logo .logo-text:hover{opacity:.8}.header__nav{display:flex}@media (max-width: 767px){.header__nav{display:none}}.header .nav__sections{display:flex;align-items:center;gap:.8rem}.header .lang-toggle{display:flex;align-items:center;gap:5px;margin-left:1.2rem;padding:6px 12px;background:none;border:none;color:#1e293b;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.header .lang-toggle:hover{color:#0f172a}.header .lang-toggle svg{opacity:.7}.header .nav__item{position:relative;background:none;border:none;color:#1e293b;font-size:.9rem;font-weight:500;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .5s ease;display:flex;align-items:center;gap:4px;white-space:nowrap;text-transform:uppercase;transform-origin:center}.header .nav__item:hover{color:#eab308;transform:scale(1.18) rotate(-6deg)}.header .nav__item:active{color:#d4af0f;transform:scale(.9) rotate(-1deg);transition:transform .08s ease-out,color .08s ease-out}.header .nav__item.active{color:#0f172a}.header.header--dark .nav__item{color:#cbd5e1}.header.header--dark .nav__item:hover{color:#fde047}.header.header--dark .nav__item.active{color:#f1f5f9}.header.header--dark .lang-toggle{color:#cbd5e1}.header.header--dark .lang-toggle:hover{color:#f1f5f9}.header.header--dark .header__logo .logo-text{background:linear-gradient(135deg,#cbd5e1,#e2e8f0,#f1f5f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header.header--dark .mobile-menu-btn{color:#cbd5e1}.header.header--dark .mobile-menu-btn:hover{color:#f1f5f9}.header__controls,.header .mobile-menu-btn{display:none}@media (max-width: 767px){.header .mobile-menu-btn{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#1e293b;padding:8px;cursor:pointer;flex-shrink:0;width:40px;height:40px;transition:all .5s ease}.header .mobile-menu-btn:hover{color:#0f172a}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-menu{position:fixed;top:80px;left:50%;transform:translate(-50%);width:90%;max-width:400px;overflow:hidden;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(30,41,59,.1);border-radius:20px;box-shadow:0 8px 32px #1e293b1a;z-index:1030;transition:all .5s ease}@media (min-width: 768px){.mobile-menu{display:none}}.mobile-menu .mobile-nav{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.mobile-menu .mobile-nav__item{background:none;border:none;color:#1e293b;font-size:.9rem;font-weight:500;padding:1rem;border-radius:12px;cursor:pointer;transition:all .5s ease;text-align:left;text-transform:uppercase}.mobile-menu .mobile-nav__item:hover{color:#0f172a;background:#1e293b0d}.mobile-menu .mobile-nav__item.active{color:#0f172a;background:#1e293b1a}.mobile-menu .mobile-nav__lang{display:flex;align-items:center;gap:8px;margin-top:.5rem;border-top:1px solid rgba(30,41,59,.1);padding-top:1rem}.mobile-menu .mobile-nav__lang svg{opacity:.7}.header--dark .mobile-menu{background:#0f172af2;border:1px solid rgba(203,213,225,.1)}.header--dark .mobile-menu .mobile-nav__item{color:#cbd5e1}.header--dark .mobile-menu .mobile-nav__item:hover{color:#f1f5f9;background:#cbd5e10d}.header--dark .mobile-menu .mobile-nav__item.active{color:#f1f5f9;background:#cbd5e11a}.header--dark .mobile-menu .mobile-nav__lang{border-top-color:#cbd5e11a}.floating-connect{position:fixed;bottom:2rem;right:2rem;z-index:1030}.floating-connect .connect-overlay{position:fixed;inset:0;background:#0f172a47;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:900}@media (max-width: 767px){.floating-connect{bottom:1.5rem;right:1.5rem}}.floating-connect .connect-form-container{position:absolute;bottom:0;right:calc(100% + 16px);width:350px;max-width:calc(100vw - 2rem);max-height:60vh;overflow:visible;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1rem;box-shadow:0 20px 40px #0f172a24;z-index:950}@media (max-width: 767px){.floating-connect .connect-form-container{width:300px;bottom:0;right:calc(100% + 12px)}}.floating-connect .connect-form-container .connect-form{background:#ffffff80;border:1px solid rgba(30,41,59,.1);border-radius:1rem;box-shadow:0 16px 40px #0f172a29,inset 0 10px 18px #ffffff59,inset 0 -10px 18px #0000000f;overflow:hidden}.floating-connect .connect-form-container .connect-form .form-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.floating-connect .connect-form-container .connect-form .form-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.floating-connect .connect-form-container .connect-form .form-header .close-btn{display:none}.floating-connect .connect-form-container .connect-form .contact-form{padding:1.5rem}.floating-connect .connect-form-container .connect-form .contact-form .form-group{margin-bottom:1.5rem}.floating-connect .connect-form-container .connect-form .contact-form .form-group:last-child{margin-bottom:0}.floating-connect .connect-form-container .connect-form .contact-form .input-wrapper,.floating-connect .connect-form-container .connect-form .contact-form .textarea-wrapper{position:relative;display:flex;align-items:center}.floating-connect .connect-form-container .connect-form .contact-form .input-wrapper .input-icon,.floating-connect .connect-form-container .connect-form .contact-form .input-wrapper .textarea-icon,.floating-connect .connect-form-container .connect-form .contact-form .textarea-wrapper .input-icon,.floating-connect .connect-form-container .connect-form .contact-form .textarea-wrapper .textarea-icon{position:absolute;left:1rem;color:var(--text-muted);z-index:2}.floating-connect .connect-form-container .connect-form .contact-form .input-wrapper .textarea-icon,.floating-connect .connect-form-container .connect-form .contact-form .textarea-wrapper .textarea-icon{top:1rem}.floating-connect .connect-form-container .connect-form .contact-form .input-wrapper input,.floating-connect .connect-form-container .connect-form .contact-form .input-wrapper textarea,.floating-connect .connect-form-container .connect-form .contact-form .textarea-wrapper input,.floating-connect .connect-form-container .connect-form .contact-form .textarea-wrapper textarea{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem 1rem 1rem 40px;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);transition:all .3s ease;resize:none}.floating-connect .connect-form-container .connect-form .contact-form .input-wrapper input::placeholder,.floating-connect .connect-form-container .connect-form .contact-form .input-wrapper textarea::placeholder,.floating-connect .connect-form-container .connect-form .contact-form .textarea-wrapper input::placeholder,.floating-connect .connect-form-container .connect-form .contact-form .textarea-wrapper textarea::placeholder{color:var(--text-muted)}.floating-connect .connect-form-container .connect-form .contact-form .input-wrapper input:focus,.floating-connect .connect-form-container .connect-form .contact-form .input-wrapper textarea:focus,.floating-connect .connect-form-container .connect-form .contact-form .textarea-wrapper input:focus,.floating-connect .connect-form-container .connect-form .contact-form .textarea-wrapper textarea:focus{outline:none;border-color:var(--bg-accent);background:var(--bg-primary);box-shadow:0 0 0 3px rgba(var(--bg-accent),.1)}.floating-connect .connect-form-container .connect-form .contact-form .input-wrapper input:disabled,.floating-connect .connect-form-container .connect-form .contact-form .input-wrapper textarea:disabled,.floating-connect .connect-form-container .connect-form .contact-form .textarea-wrapper input:disabled,.floating-connect .connect-form-container .connect-form .contact-form .textarea-wrapper textarea:disabled{opacity:.6;cursor:not-allowed}.floating-connect .connect-form-container .connect-form .contact-form .input-wrapper textarea,.floating-connect .connect-form-container .connect-form .contact-form .textarea-wrapper textarea{padding-top:1rem;line-height:1.4;min-height:80px}.floating-connect .connect-form-container .connect-form .contact-form .submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#eab308;color:#0f172a;border:none;border-radius:.75rem;padding:1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.floating-connect .connect-form-container .connect-form .contact-form .submit-btn:hover:not(:disabled){background:#facc15;color:#0f172a;transform:translateY(-1px);box-shadow:0 4px 15px #0f172a2e}.floating-connect .connect-form-container .connect-form .contact-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.floating-connect .connect-form-container .connect-form .contact-form .submit-btn .loading-text{display:inline-block;animation:pulse 1.5s infinite}.floating-connect .connect-form-container .connect-form .contact-form .error-message{background:#fee2e2;color:#dc2626;padding:1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.floating-connect .connect-form-container .connect-form .contact-form .error-message p{margin:0}.floating-connect .connect-form-container .connect-form .success-message{padding:3rem;text-align:center}.floating-connect .connect-form-container .connect-form .success-message .success-icon{font-size:1.875rem;margin-bottom:1rem}.floating-connect .connect-form-container .connect-form .success-message p{color:var(--text-primary);font-size:1rem;margin:0}.floating-connect .floating-actions{position:relative;z-index:960;display:flex;flex-direction:column;align-items:center;gap:1rem}.floating-connect .floating-action{display:flex;align-items:center;justify-content:center;display:inline-flex;width:44px!important;height:44px!important;min-width:44px;min-height:44px;padding:0!important;aspect-ratio:1/1;background:#ffffffe6;color:#0f172a;border:1px solid rgba(15,23,42,.08);border-radius:999px!important;cursor:pointer;box-shadow:0 8px 24px #0f172a2e;transition:all .3s ease;position:relative;box-sizing:border-box;flex:0 0 44px;line-height:1;overflow:hidden}.floating-connect .floating-action:hover{background:#facc15;color:#fff;border-color:#facc15;box-shadow:0 12px 28px #facc1559}.floating-connect .floating-action.active{background:#facc15;border-color:#facc15;color:#fff}.floating-connect .floating-action__icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .35s ease}.floating-connect .floating-action:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate(-120%);opacity:0}.floating-connect .floating-action:hover:before,.floating-connect .floating-action.active:before{opacity:1;animation:sheen 1.6s linear infinite}.floating-connect .floating-action:not(.active):after{content:"";position:absolute;inset:-4px;border:2px solid #facc15;border-radius:50%;opacity:0;animation:pulse-ring 2s infinite}.floating-connect .floating-action.spin .floating-action__icon,.floating-connect .floating-action.active .floating-action__icon{animation:spin .5s ease}.floating-connect .floating-action__text{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}@media (max-width: 767px){.floating-connect .floating-action{width:40px;height:40px}.floating-connect .floating-action svg{width:18px;height:18px}.floating-connect .floating-action__text{font-size:11px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes sheen{0%{transform:translate(-120%)}to{transform:translate(120%)}}.hero-new{position:relative;height:100vh;max-height:100vh;background:linear-gradient(135deg,#f8fafc99,#fff9,#f1f5f999),url(/assets/hero_background-BQA6Paa4.jpg) center/cover no-repeat;overflow:hidden;display:flex;align-items:center;padding:0;box-sizing:border-box;transition:background .3s ease}@media (max-width: 767px){.hero-new{height:100vh;max-height:100vh}}.hero-new__bg{position:absolute;inset:0;pointer-events:none;z-index:1}.hero-new__bg canvas{width:100%;height:100%}.hero-new .blob-bg{position:absolute;inset:0;overflow:hidden;filter:blur(50px)}.hero-new .blob-bg .blob{position:absolute;border-radius:50%;opacity:.55;mix-blend-mode:screen;animation:blobFloat 16s ease-in-out infinite;will-change:transform}.hero-new .blob-bg .blob.blob-1{width:360px;height:360px;background:#fce7f3;top:-80px;left:-60px;animation-delay:0s}.hero-new .blob-bg .blob.blob-2{width:320px;height:320px;background:#e0f2fe;bottom:-120px;right:-40px;animation-delay:2s}.hero-new .blob-bg .blob.blob-3{width:280px;height:280px;background:#d1fae5;top:30%;left:20%;animation-delay:4s}.hero-new .blob-bg .blob.blob-4{width:260px;height:260px;background:#ede9fe;bottom:10%;left:35%;animation-delay:6s}.hero-new .blob-bg .blob.blob-5{width:220px;height:220px;background:#ffe4e6;top:15%;right:15%;animation-delay:8s}.hero-new .blob-bg .blob.blob-6{width:200px;height:200px;background:#fef3c7;bottom:20%;right:40%;animation-delay:10s}@keyframes blobFloat{0%{transform:translateZ(0) scale(1)}25%{transform:translate3d(30px,-40px,0) scale(1.05)}50%{transform:translate3d(-20px,30px,0) scale(.98)}75%{transform:translate3d(25px,25px,0) scale(1.07)}to{transform:translateZ(0) scale(1)}}.hero-new__container{max-width:1200px;margin:0 auto;padding:100px 2rem 60px;position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center}@media (max-width: 767px){.hero-new__container{padding:80px 1.5rem 40px}}.hero-new__content{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}@media (min-width: 768px) and (max-width: 1023px){.hero-new__content{grid-template-columns:1fr;gap:4rem}}@media (max-width: 767px){.hero-new__content{grid-template-columns:1fr;gap:3rem}}.hero-new__text{display:flex;flex-direction:column;gap:1rem}.hero-new__text .greeting{font-size:1.125rem;color:#6b7280;font-weight:500;margin-bottom:1.5rem;display:inline-block;animation:wave 2s infinite}@media (max-width: 767px){.hero-new__text .greeting{font-size:1rem}}.hero-new__title{font-size:clamp(1.3rem,3.5vw,2.6rem);font-weight:800;line-height:1.2;margin-bottom:1rem;color:#1a1a1a}.hero-new__title .typing-text{display:inline-block;background:linear-gradient(135deg,#f59e0b,#fbbf24,#fde047);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 3s ease infinite}.hero-new__title .hero-new__name{font-size:clamp(1.5rem,4vw,3rem)}.hero-new__title .title-line2{font-size:.6em;font-weight:600;opacity:.75}.hero-new__title .gradient-text{background:linear-gradient(135deg,#fbbf24,#fde047,#f59e0b 50%,#f97316);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 4s ease infinite;display:inline-block;font-weight:900}@media (max-width: 767px){.hero-new__title{font-size:1.875rem;margin-bottom:1.5rem}}.hero-new__subtitle{font-size:1.125rem;color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.hero-new__subtitle .highlight-text{color:#f59e0b;font-weight:600;font-size:1rem;letter-spacing:1px}@media (max-width: 767px){.hero-new__subtitle{font-size:1rem;margin-bottom:2rem}}.hero-new__social{display:flex;gap:1rem;margin-top:1rem}.hero-new__social .social-link{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(250,204,21,.35);border-radius:12px;color:#1a1a1a;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.hero-new__social .social-link:hover{border-color:#facc15;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;box-shadow:0 4px 16px #facc154d}.hero-new__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#0f172a;padding:6px 12px;background:#ffffffb3;border:1px solid rgba(15,23,42,.08);border-radius:999px;box-shadow:0 10px 30px #0000000d;width:fit-content}.hero-new__channels{display:flex;gap:1rem;flex-wrap:wrap}.hero-new__channels .channel-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:0;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;background:transparent;color:#111827;position:relative;overflow:hidden;isolation:isolate;text-transform:none;letter-spacing:.2px}.hero-new__channels .channel-btn:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#111827;transition:height .3s ease;z-index:-1;transform-origin:bottom}.hero-new__channels .channel-btn:hover{color:#fff}.hero-new__channels .channel-btn:hover:after{height:100%}.hero-new__channels .channel-btn.primary:after{background:#111827}.hero-new__channels .channel-btn.ghost:after{background:#111827}.hero-new__meta{font-size:.875rem;color:#6b7280;margin-top:.5rem}.hero-new__image{position:relative;display:flex;justify-content:center;align-items:center;justify-self:end;gap:1rem}@media (min-width: 768px) and (max-width: 1023px){.hero-new__image{order:-1;justify-self:center}}@media (max-width: 767px){.hero-new__image{order:-1;margin-bottom:2rem;justify-self:center}}.hero-new__image .image-container{position:relative;width:300px;height:300px;border-radius:50%;overflow:hidden;background:#f1f5f9;box-shadow:0 0 0 10px #fffc,0 25px 70px #0f172a2e;transition:box-shadow .25s ease;cursor:grab;touch-action:none}.hero-new__image .image-container:active{cursor:grabbing}@media (max-width: 767px){.hero-new__image .image-container{width:220px;height:220px}}.hero-new__image .image-container .image-glow{position:absolute;inset:-20px;background:radial-gradient(circle at 20% 20%,rgba(249,115,22,.3),transparent 50%),radial-gradient(circle at 80% 30%,rgba(250,191,36,.25),transparent 45%),radial-gradient(circle at 50% 80%,rgba(253,224,71,.25),transparent 50%);filter:blur(55px);opacity:.45;animation:pulse 3s ease-in-out infinite}.hero-new__image .image-container .profile-image{position:relative;width:100%;height:100%;object-fit:cover;z-index:1;transform:scale(1.5);filter:grayscale(1);transition:filter .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-new__image .image-container .image-border{position:absolute;inset:-2px;border-radius:50%;z-index:0;border:2px solid #facc15;opacity:0;transition:opacity .25s ease}.hero-new__image .image-container:hover{box-shadow:0 0 0 10px #facc1580,0 25px 70px #0f172a38}.hero-new__image .image-container:hover .profile-image{filter:grayscale(0)}.hero-new__image .image-container:hover .image-border{opacity:1}.hero-new__image .floating-icons{position:absolute;inset:0;pointer-events:none}.hero-new__image .floating-icons .icon-float{position:absolute;font-size:48px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));transition:transform .3s ease-out;will-change:transform}.hero-new__image .floating-icons .icon-float.icon-1{top:10%;right:-10%}.hero-new__image .floating-icons .icon-float.icon-2{top:40%;left:-15%}.hero-new__image .floating-icons .icon-float.icon-3{bottom:20%;right:-5%}.hero-new__image .floating-icons .icon-float.icon-4{bottom:10%;left:-10%}@media (max-width: 767px){.hero-new__image .floating-icons .icon-float{font-size:32px}.hero-new__image .floating-icons .icon-float.icon-1,.hero-new__image .floating-icons .icon-float.icon-2,.hero-new__image .floating-icons .icon-float.icon-3,.hero-new__image .floating-icons .icon-float.icon-4{display:none}}.hero-new .scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;font-weight:500;z-index:10}@media (max-width: 767px){.hero-new .scroll-indicator{bottom:20px}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes borderFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}.about-wrapper{position:relative;z-index:2;margin-top:-90vh;padding-top:100px;padding-bottom:100px}@media (max-width: 767px){.about-wrapper{margin-top:-70vh;padding-top:80px;padding-bottom:70px}}.about-wrapper .about-to-projects{position:absolute;bottom:0;left:0;width:100%;height:100px;z-index:5}@media (max-width: 767px){.about-wrapper .about-to-projects{height:70px}}#about-me,#tech-stack,#experience{scroll-margin-top:0px}@media (max-width: 767px){#about-me,#tech-stack,#experience{scroll-margin-top:0px}}.section-title{text-align:center;font-size:2.25rem;font-weight:800;margin-bottom:2rem;color:#facc15}@media (max-width: 767px){.section-title{font-size:1.5rem;margin-bottom:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){.section-title{font-size:1.875rem;margin-bottom:2rem}}.section-subtitle{text-align:center;font-size:1.125rem;color:#64748b;margin-bottom:4rem}@media (max-width: 767px){.section-subtitle{font-size:1rem;margin-bottom:3rem}}.about-me.section{padding-top:100px!important}@media (max-width: 767px){.about-me.section{padding-top:80px!important}}.about-me{background:#fcfaf7;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:60px 0!important}@media (max-width: 767px){.about-me{min-height:auto;padding:60px 0!important}}.about-me__container{max-width:1240px;width:min(1240px,90vw)}.about-me__main-content{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:start}@media (min-width: 768px) and (max-width: 1023px){.about-me__main-content{grid-template-columns:1fr;gap:4rem}}@media (max-width: 767px){.about-me__main-content{grid-template-columns:1fr;gap:3rem}}.about-me__intro{display:flex;flex-direction:column;gap:3rem}.about-me__headline{display:flex;flex-direction:column;gap:.5rem}.about-me__headline-line1{font-size:clamp(1rem,2vw,1.125rem);font-weight:600;color:#f59e0b;letter-spacing:.1em;text-transform:uppercase}.about-me__headline-line2{font-size:clamp(2.4rem,6vw,4.5rem);font-weight:800;color:#1a1a1a;line-height:1.1;letter-spacing:-.04em;display:block}.about-me__highlight{background:none;color:#facc15;font-style:italic}.about-me__bio-wrapper{display:flex;justify-content:flex-start}.about-me__bio{font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.8;color:#2d2d2d;margin:0;font-weight:400;word-break:keep-all;text-align:left}.about-me__principles{display:flex;flex-direction:column;gap:32px}@media (max-width: 767px){.about-me__principles{gap:24px}}.about-me .value-item{padding:0;display:flex;flex-direction:column;gap:10px;transition:transform .3s ease}.about-me .value-item:hover{transform:translate(10px)}.about-me .value-item__num{font-size:2rem;font-weight:800;color:#ede9e1;line-height:1;letter-spacing:-.05em}.about-me .value-item__body{display:flex;flex-direction:column;gap:4px}.about-me .value-item__title{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;color:#1a1a1a}.about-me .value-item__title svg{color:#f59e0b;width:18px;height:18px}.about-me .value-item__text{font-size:.875rem;line-height:1.5;color:#64748b;margin:0;max-width:100%}.tech-stack{--hex-w: 88px;--hex-h: 102px;--row-overlap: 25.5px;--row-offset: 44px;--icon-size: 28px;--img-size: 24px}@media (min-width: 768px) and (max-width: 1023px){.tech-stack{--hex-w: 72px;--hex-h: 83px;--row-overlap: 20.75px;--row-offset: 36px;--icon-size: 22px;--img-size: 18px}}@media (max-width: 767px){.tech-stack{--hex-w: 58px;--hex-h: 67px;--row-overlap: 16.75px;--row-offset: 29px;--icon-size: 18px;--img-size: 15px}}.tech-stack.section{position:relative;background:linear-gradient(160deg,#f8fafc,#f0f4ff);padding-top:72px!important;padding-bottom:72px!important}.tech-stack.section:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='88' height='153' viewBox='0 0 88 153'%3E%3Cpolygon points='44 0 88 25.5 88 76.5 44 102 0 76.5 0 25.5' fill='none' stroke='rgba(148 163 184 / 0.18)' stroke-width='1.5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='88' height='153' viewBox='0 0 88 153'%3E%3Cpolygon points='44 0 88 25.5 88 76.5 44 102 0 76.5 0 25.5' fill='none' stroke='rgba(148 163 184 / 0.18)' stroke-width='1.5'/%3E%3C/svg%3E");background-size:var(--hex-w) calc(var(--hex-h) * 1.5),var(--hex-w) calc(var(--hex-h) * 1.5);background-position:var(--hex-bg-x, 0px) var(--hex-bg-y, 0px),calc(var(--hex-bg-x, 0px) + var(--hex-w) / 2) calc(var(--hex-bg-y, 0px) + var(--hex-h) * .75);background-repeat:repeat,repeat;pointer-events:none;z-index:0}.tech-stack.section:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#f8fafc 0%,transparent 12%,transparent 80%,#ffffff 100%);pointer-events:none;z-index:2}@media (max-width: 767px){.tech-stack.section{padding-top:48px!important;padding-bottom:48px!important}}.tech-stack .section-title{text-align:center;font-size:2.25rem;font-weight:800;margin-bottom:40px;color:#0f172a;letter-spacing:-.5px;width:fit-content;margin-left:auto;margin-right:auto;padding:6px 24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(90deg,transparent 0%,rgba(248,250,252,.6) 20%,rgba(248,250,252,.6) 80%,transparent 100%)}@media (min-width: 768px) and (max-width: 1023px){.tech-stack .section-title{font-size:1.875rem;margin-bottom:32px}}@media (max-width: 767px){.tech-stack .section-title{font-size:1.5rem;margin-bottom:24px}}.tech-stack{min-height:auto}.tech-stack__container{max-width:1200px;position:relative;z-index:1}.mobile-stack{display:flex;flex-direction:column;gap:20px;width:100%}.mobile-stack__group{display:flex;flex-direction:column;gap:4px}.mobile-stack__label{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:3px 12px;border-radius:999px;background:#ffffffbf;border:1.5px solid currentColor;width:fit-content;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.labels-panel{flex-shrink:0;align-self:stretch;display:flex;flex-direction:column;justify-content:space-around;padding:16px 20px;margin-right:32px;background:#818cf821;border:1px solid rgba(129,140,248,.35);border-radius:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 0 14px -4px #818cf873,0 0 30px -10px #818cf833}.labels-panel__item{font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;text-align:right}.labels-panel__divider{width:45%;height:1px;background:#a0a0b48c;align-self:center}@media (min-width: 768px) and (max-width: 1023px){.labels-panel{margin-right:20px;padding:12px 14px}.labels-panel__item{font-size:12px}}@media (max-width: 767px){.labels-panel{display:none}}.honeycomb-wrapper{display:flex;align-items:center;justify-content:center;overflow:visible;padding:12px 12px 20px}@media (max-width: 767px){.honeycomb-wrapper{overflow-x:auto;overflow-y:hidden;justify-content:flex-start;padding:42px 1rem 12px;margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem);-webkit-overflow-scrolling:touch}}.honeycomb{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.honeycomb__row{position:relative;display:flex;gap:0;margin-top:calc(-1 * var(--row-overlap))}.honeycomb__row:first-child{margin-top:0}.honeycomb__row--offset{margin-left:var(--row-offset)}.hex-cell{position:relative;width:var(--hex-w);height:var(--hex-h);flex-shrink:0;cursor:default}.hex-cell__bg{position:absolute;inset:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--hex-color);transition:opacity .2s ease;opacity:1}.hex-cell__face{position:absolute;inset:1.5px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px 8px;transition:background .2s ease}.hex-cell:hover .hex-cell__bg{opacity:1}.hex-cell__icon{width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hex-cell__icon img{width:var(--img-size);height:var(--img-size);object-fit:contain}.hex-cell__fallback{font-size:18px;font-weight:800;color:var(--hex-color);line-height:1}@media (max-width: 767px){.hex-cell__fallback{font-size:13px}}.hex-cell__label{font-size:9px;font-weight:600;color:#374151;text-align:center;line-height:1.2;max-width:60px;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 767px){.hex-cell__label{display:none}}.experience.section{position:relative;background:#fff;padding:72px 0 80px!important}.experience.section:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,#f0f4ff,#fff);pointer-events:none;z-index:0}@media (max-width: 767px){.experience.section{padding:56px 0 64px!important}}.experience .section-title{position:relative;z-index:1;text-align:center;font-size:2.25rem;font-weight:800;margin-bottom:56px;color:#facc15;letter-spacing:-.5px}@media (min-width: 768px) and (max-width: 1023px){.experience .section-title{font-size:1.875rem;margin-bottom:40px}}@media (max-width: 767px){.experience .section-title{font-size:1.5rem;margin-bottom:32px}}.experience{min-height:auto}.experience__container{position:relative;z-index:1;max-width:780px}.exp-list{display:flex;flex-direction:column}.exp-item{display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:start;padding:28px 0;border-bottom:1px solid rgba(15,23,42,.07)}.exp-item:last-child{border-bottom:none}@media (min-width: 768px) and (max-width: 1023px){.exp-item{grid-template-columns:160px 1fr;gap:24px;padding:24px 0}}@media (max-width: 767px){.exp-item{grid-template-columns:1fr;gap:6px;padding:20px 0}}.exp-item__year{font-size:11px;font-weight:700;color:#facc15;letter-spacing:.6px;padding-top:4px;line-height:1.5}@media (max-width: 767px){.exp-item__year{font-size:10px}}.exp-item__body{display:flex;flex-direction:column;gap:6px}.exp-item__main{font-size:15px;font-weight:700;color:#0f172a;margin:0;line-height:1.5}@media (max-width: 767px){.exp-item__main{font-size:14px}}.exp-item__detail{font-size:13px;color:#64748b;margin:0;line-height:1.65}.projects-stack{position:relative;min-height:calc((var(--card-count) - 1) * var(--card-stack-spacing) + var(--card-stack-last-extra));padding-top:0}@media (max-width: 767px){.projects-stack{padding-bottom:60px}}.projects-stack__bg{position:sticky;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none;margin-bottom:-100vh;overflow:hidden;background-color:#070710}.projects-stack__canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1}.projects-stack__title{position:sticky;z-index:200;text-align:center;padding:28px 20px 24px;height:110px;display:flex;align-items:center;justify-content:center;pointer-events:none}.projects-stack__title .section-title{pointer-events:auto;font-size:2.25rem;font-weight:800;color:#facc15;margin:0;letter-spacing:-.5px}@media (min-width: 768px) and (max-width: 1023px){.projects-stack__title .section-title{font-size:1.875rem}}@media (max-width: 767px){.projects-stack__title .section-title{font-size:1.5rem}}.projects-stack__cards{position:relative}.projects-stack__tail{height:var(--card-stack-last-extra, 45vh);pointer-events:none}.project-card{position:sticky;max-width:1280px;width:calc(100% - 64px);margin-left:auto;margin-right:auto;border-radius:20px;border:1.5px solid var(--border-color, rgba(255, 255, 255, .12));backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);transform:translateY(var(--stack-y, 0px));box-shadow:0 0 0 1px #ffffff0a,0 4px 24px #00000080,0 0 40px -12px var(--glow-color, rgba(255, 200, 0, .3));transition:box-shadow .35s ease,transform .3s ease}.project-card:before{content:"";position:absolute;inset:0;border-radius:20px;border-top:2px solid var(--border-color, rgba(255, 255, 255, .2));pointer-events:none;z-index:1}.project-card:hover{transform:translateY(var(--stack-y, 0px)) translate(-12px)}@media (min-width: 768px) and (max-width: 1023px){.project-card{width:calc(100% - 40px)}}@media (max-width: 767px){.project-card{width:calc(100% - 24px);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.project-card__inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding:36px 44px;max-width:1280px;margin:0 auto;position:relative;z-index:2}@media (min-width: 900px) and (max-width: 1023px){.project-card__inner{grid-template-columns:1fr 1fr;gap:20px;padding:24px 28px}}@media (max-width: 899px){.project-card__inner{grid-template-columns:1fr;gap:20px;padding:24px 20px}}.project-card__content{color:#fff;display:flex;flex-direction:column;gap:14px}.project-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.project-card__type,.project-card__period,.project-card__scale{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#ffffffa6}.project-card__title{font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:800;color:#fff;line-height:1.15;margin:0;letter-spacing:-.3px}.project-card__impact{font-size:12px;font-weight:600;color:var(--glow-color, #facc15);padding:7px 14px;border-radius:8px;background:#ffffff0a;border-left:3px solid var(--glow-color, #facc15);line-height:1.5;width:fit-content}@media (max-width: 767px){.project-card__impact{font-size:11px}}.project-card__features{padding-left:16px;margin:0;display:grid;gap:7px}.project-card__features li{font-size:13px;line-height:1.6;color:#ffffffbf}.project-card__tech{display:flex;flex-wrap:wrap;gap:6px}.project-card__actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}@media (max-width: 767px){.project-card__actions{flex-direction:row}.project-card__actions .action-btn{flex:1;justify-content:center;padding:8px 10px;font-size:12px;white-space:nowrap}}@media (max-width: 899px){.project-card__visual{order:-1}}.project-card--expanding{z-index:2200!important;box-shadow:0 0 0 1px #ffffff1a,0 20px 60px #000000b3,0 0 80px -4px var(--glow-color, rgba(255, 200, 0, .5));transition:box-shadow .2s ease}.tech-tag{padding:4px 10px;background:#ffffff12;border:1px solid rgba(255,255,255,.13);border-radius:20px;font-size:11px;font-weight:600;color:#ffffffbf;transition:all .2s ease}.tech-tag:hover{background:#ffffff1f;border-color:var(--border-color, rgba(255, 255, 255, .3));color:#fff}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease;cursor:pointer}.action-btn--primary{background:#fff;color:#111827;border:1px solid rgba(15,23,42,.1)}.action-btn--primary:hover{background:#f1f5f9}.action-btn--secondary{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.18)}.action-btn--secondary:hover{background:#ffffff26}.screenshot-skeleton{width:100%;aspect-ratio:16/10;border-radius:12px;background:linear-gradient(90deg,#ffffff08,#ffffff12,#ffffff08);background-size:200% 100%;animation:skeleton-shimmer 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.screenshot-slider{position:relative;display:flex;align-items:center;gap:10px;width:100%}.screenshot-slider .slider-btn{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.screenshot-slider .slider-btn:hover{background:#ffffff2e;border-color:var(--slider-glow, rgba(255, 255, 255, .3));box-shadow:0 0 12px -2px var(--slider-glow, rgba(255, 255, 255, .3))}.screenshot-slider__image-wrapper{flex:1;position:relative;min-width:0}.screenshot-slider__image{aspect-ratio:16/10;background:linear-gradient(135deg,#131320,#1e1e38);border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 1px #0006,inset 0 1px #ffffff0d}.screenshot-slider__image img{width:100%;height:100%;object-fit:cover}.screenshot-slider__image .screenshot-skeleton{border-radius:0;aspect-ratio:auto;width:100%;height:100%}.screenshot-slider__dots{display:flex;justify-content:center;gap:6px;padding-top:10px}.screenshot-slider__dots .dot{width:5px;height:5px;border-radius:50%;background:#fff3;border:none;cursor:pointer;transition:all .2s ease}.screenshot-slider__dots .dot.active{background:var(--slider-glow, #facc15);transform:scale(1.4);box-shadow:0 0 6px var(--slider-glow, #facc15)}.screenshot-slider__dots .dot:hover:not(.active){background:#fff6}.project-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px}.project-modal__backdrop{position:fixed;inset:0;background:#0a0a1499;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.project-modal__shell{position:relative;z-index:2}.project-modal__dialog{position:relative;width:min(1380px,96vw);height:min(92vh,820px);overflow:visible;border-radius:20px;background:var(--modal-bg, rgba(15, 23, 42, .55));backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 0 0 1px #ffffff0f,0 30px 80px #0a0a1499,0 0 60px -16px var(--modal-glow, rgba(255, 200, 0, .35));border:1.5px solid var(--modal-border, rgba(255, 255, 255, .13));isolation:isolate}.project-modal__close{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:8px;border:none;background:#0f172a80;color:#f8fafc;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease;z-index:3}.project-modal__close:hover{transform:scale(1.06);background:#0f172acc}.project-modal__header{position:relative;padding:32px 40px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;border-radius:20px 20px 0 0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.project-modal__header:after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:0%;background:var(--modal-glow, rgba(255, 200, 0, .8));animation:modal-line .6s cubic-bezier(.25,1,.5,1) forwards;z-index:2}.project-modal__eyebrow{font-size:11px;letter-spacing:.6px;color:#e2e8f099;margin-bottom:8px;text-transform:uppercase}.project-modal__title{font-size:clamp(1.6rem,2.5vw,2rem);font-weight:800;color:#f8fafc;margin-bottom:12px}.project-modal__meta{display:flex;flex-wrap:wrap;gap:8px}.project-modal__meta span{padding:5px 12px;border-radius:999px;background:#94a3b826;color:#e2e8f0;font-size:12px;font-weight:600}.project-modal__body{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding:28px 40px 36px;overflow:visible}.project-modal__left{display:flex;flex-direction:column;gap:18px}.project-modal__left h4{font-size:13px;font-weight:700;color:#f8fafc;text-transform:uppercase;letter-spacing:.5px}.project-modal__left ul{display:grid;gap:10px;padding-left:18px;color:#e2e8f0cc;font-size:13.5px;line-height:1.6}.project-modal__tags{display:flex;flex-wrap:wrap;gap:6px}.project-modal__tags span{padding:5px 10px;border-radius:4px;background:#0000004d;color:#f8fafc;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.08)}.project-modal__right{display:flex;align-items:center;justify-content:center;align-self:center}.project-modal__external-actions{position:absolute;right:-64px;top:80px;display:flex;flex-direction:column;gap:12px}.project-modal__action-item{position:relative;display:inline-flex;align-items:center}.project-modal__action-btn{width:44px;height:44px;border-radius:50%;background:#0006;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #0a0a144d;border:1px solid rgba(255,255,255,.1);transition:transform .2s ease,background .2s ease,color .2s ease;position:relative;overflow:visible}.project-modal__action-btn:hover{transform:translateY(-2px);background:#fff;color:#0f172a;box-shadow:0 16px 28px #ffffff26}.project-modal__action-btn:active{transform:scale(.93)}.project-modal__action-btn svg{filter:drop-shadow(0 0 2px rgba(10,10,20,.6))}.project-modal__action-tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:7px 12px;border-radius:10px;background:#fff;color:#0f172a;font-size:12px;font-weight:600;text-decoration:none;opacity:0;pointer-events:auto;transition:opacity .2s ease,transform .2s ease}.project-modal__action-item:hover .project-modal__action-tooltip{opacity:1;transform:translateY(-50%) translate(-4px)}.project-modal__action-btn--multi{cursor:pointer}.project-modal__action-panel{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);display:grid;gap:6px;padding:10px;border-radius:12px;background:#fffffff5;border:1px solid rgba(0,0,0,.1);min-width:240px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 12px 30px #0a0a1466}.project-modal__action-panel a{color:#0f172a;text-decoration:none;font-size:12px;font-weight:600;padding:6px 8px;border-radius:8px;background:#0000000a;transition:background .2s ease;display:inline-flex;align-items:center;gap:6px}.project-modal__action-panel a:hover{background:#00000014}.project-modal__action-item--multi:hover .project-modal__action-panel,.project-modal__action-btn--multi:hover .project-modal__action-panel{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(-4px)}.project-modal__action-btn--multi.is-open+.project-modal__action-panel,.project-modal__action-item--multi.is-open .project-modal__action-panel{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(-4px)}.project-modal__action-btn--multi.is-open{background:#fff;color:#0f172a}.project-modal__action-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .35s ease}.project-modal__action-btn--multi.is-open .project-modal__action-icon{animation:spin .5s ease}@media (min-width: 768px) and (max-width: 1023px){.project-modal__body{grid-template-columns:1fr}.project-modal__external-actions{top:auto;right:24px;bottom:-68px;flex-direction:row}}@media (max-width: 767px){.project-modal{padding:16px}.project-modal__dialog{width:100%;height:auto;max-height:85vh;display:flex;flex-direction:column}.project-modal__header{padding:24px 20px 16px;flex-shrink:0}.project-modal__body{padding:16px 20px 24px;grid-template-columns:1fr;overflow-y:auto;gap:20px}.project-modal__body::-webkit-scrollbar{width:4px}.project-modal__body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.project-modal__right{order:-1}.project-modal__external-actions{top:18px;right:66px;bottom:auto;flex-direction:row;gap:8px;z-index:10}.project-modal__action-btn{width:38px;height:38px}.project-modal__action-btn svg{width:16px;height:16px}.project-modal__action-tooltip{display:none}}.project-modal .screenshot-slider{transform:none;width:100%;max-width:560px}.project-modal .screenshot-slider__image{width:100%;max-width:520px;aspect-ratio:16/9}.project-modal .screenshot-slider .slider-btn{width:26px;height:26px}.project-modal .screenshot-slider__image-wrapper{position:relative;width:100%;max-width:520px;margin:0 auto;flex:1 1 auto;min-width:0}.project-modal .screenshot-slider__image{border-radius:12px;overflow:hidden}.project-modal .screenshot-slider__image img{width:100%;height:100%;object-fit:contain}.project-modal .screenshot-slider__preview{position:absolute;top:50%;transform:translateY(-50%);width:140px;height:90px;overflow:hidden;border-radius:10px;filter:blur(2px);opacity:.5;cursor:pointer}@media (max-width: 767px){.project-modal .screenshot-slider__preview{display:none}}.project-modal .screenshot-slider__preview img{width:130%;height:130%;object-fit:cover;transform:translate(-10%,-10%)}.project-modal .screenshot-slider__preview--left{left:-90px}.project-modal .screenshot-slider__preview--right{right:-90px}.project-modal .screenshot-slider__caption{margin-top:8px;font-size:11px;color:#ffffffb3;text-align:center;letter-spacing:.3px}.project-modal .screenshot-slider__dots{padding-top:6px}.project-modal .screenshot-slider__dots .dot{background:#ffffff4d}.project-modal .screenshot-slider__dots .dot.active{background:#fff;box-shadow:0 0 6px #fffc}@keyframes modal-line{0%{width:0%}to{width:100%}}@keyframes modal-scan{0%{height:0%;opacity:.8}to{height:100%;opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wave-divider-wrap{display:block;pointer-events:none}.wave-divider-wrap--flip{transform:scaleY(-1)}.wave-divider-wrap--dots:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1.5px,transparent 1.5px);background-size:24px 24px}.wave-divider{display:block;width:100%;height:100%}.wave-divider__parallax>use{animation:wave-move 20s linear infinite}.wave-divider__parallax>use:nth-child(1){animation-delay:-2s}.wave-divider__parallax>use:nth-child(2){animation-delay:-3s;animation-duration:12s}.wave-divider__parallax>use:nth-child(3){animation-delay:-5s;animation-duration:8s}@keyframes wave-move{0%{transform:translate(-90px)}to{transform:translate(85px)}}.wave-divider-top{top:0}.wave-divider-bottom{bottom:0}#contact-me{scroll-margin-top:0px}.contact{position:relative;z-index:50;background:#f8fafc;padding:200px 0 60px!important;min-height:100vh;display:flex;flex-direction:column}@media (max-width: 767px){.contact{padding-top:160px!important;padding-bottom:48px!important}}.contact .projects-to-contact{position:absolute;top:0;left:0;width:100%;height:100px;z-index:5}@media (max-width: 767px){.contact .projects-to-contact{height:70px}}.contact .section-title{text-align:center;font-size:2.25rem;font-weight:800;margin-bottom:48px;color:#0f172a;letter-spacing:-.5px}@media (min-width: 768px) and (max-width: 1023px){.contact .section-title{font-size:1.875rem;margin-bottom:36px}}@media (max-width: 767px){.contact .section-title{font-size:1.5rem;margin-bottom:28px}}.contact__container{display:flex;flex-direction:column;flex:1;max-width:1100px;width:min(1100px,95vw);margin:0 auto}.contact__grid{display:grid;grid-template-columns:.4fr .6fr;gap:64px;align-items:start}@media (min-width: 768px) and (max-width: 1023px){.contact__grid{grid-template-columns:1fr;gap:40px}}@media (max-width: 767px){.contact__grid{grid-template-columns:1fr;gap:32px}}.contact__info{display:flex;flex-direction:column;gap:24px;padding-top:4px}@media (max-width: 767px){.contact__info{order:2}}.contact__info-heading{font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;margin:0}.contact__channels{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.contact__links{display:flex;flex-direction:row;gap:4px;flex-wrap:wrap}.channel-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;font-size:14px;font-weight:600;text-decoration:none;border-radius:0;border:none;background:transparent;color:#111827;position:relative;overflow:hidden;isolation:isolate;transition:color .3s ease}.channel-btn:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#111827;transition:height .3s ease;z-index:-1;transform-origin:bottom}.channel-btn:hover{color:#fff}.channel-btn:hover:after{height:100%}.contact__email{display:flex;align-items:center;gap:8px;padding:8px 10px}.contact__email-text{font-size:14px;font-weight:500;color:#475569;-webkit-user-select:all;user-select:all}.contact__copy-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid rgba(15,23,42,.12);border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease;flex-shrink:0}.contact__copy-btn:hover{background:#f1f5f9;color:#111827}.contact__form-wrap{width:100%}.contact__form{display:flex;flex-direction:column;gap:24px}.field{display:flex;flex-direction:column;gap:8px}.field .field__label{font-size:13px;font-weight:600;color:#475569;letter-spacing:.2px}.field input,.field textarea{width:100%;background:transparent;border:none;border-bottom:1.5px solid rgba(15,23,42,.15);border-radius:0;padding:10px 2px;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f172a;resize:none;transition:border-color .2s ease;box-sizing:border-box}.field input::placeholder,.field textarea::placeholder{color:#cbd5e1}.field input:focus,.field textarea:focus{outline:none;border-bottom-color:#111827}.field input:disabled,.field textarea:disabled{opacity:.5;cursor:not-allowed}.field textarea{min-height:120px;line-height:1.6}.form-feedback{font-size:13px;margin:0;padding:10px 14px;border-radius:8px}.form-feedback--success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.form-feedback--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.contact__submit{display:inline-flex;align-items:center;gap:7px;align-self:stretch;justify-content:center;padding:12px 24px;border-radius:0;background:#111827;color:#fff;font-size:14px;font-weight:700;border:none;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:color .3s ease}.contact__submit:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#374151;transition:height .3s ease;z-index:-1;transform-origin:bottom}.contact__submit:hover:not(:disabled):after{height:100%}.contact__submit:disabled{opacity:.45;cursor:not-allowed}.contact__footer{margin-top:80px;padding-top:32px;border-top:1px solid rgba(15,23,42,.08);font-size:13px;color:#94a3b8;text-align:center}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-accent: #6366f1;--text-primary: #1a1a1a;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--shadow: rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.scroll-container{scroll-behavior:smooth}.scroll-container::-webkit-scrollbar{width:6px}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:9999px}.scroll-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.hero-sticky{position:relative;height:220vh}.hero-sticky__inner{position:sticky;top:0;height:100vh}@media (max-width: 768px){.hero-sticky{height:180vh}}.section{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;position:relative;padding-top:40px;padding-bottom:40px;box-sizing:border-box}.section--full{height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem}@media (max-width: 767px){h1{font-size:1.875rem}}@media (min-width: 768px) and (max-width: 1023px){h1{font-size:2.25rem}}h2{font-size:2.25rem}@media (max-width: 767px){h2{font-size:1.5rem}}@media (min-width: 768px) and (max-width: 1023px){h2{font-size:1.875rem}}h3{font-size:1.5rem}@media (max-width: 767px){h3{font-size:1.25rem}}p{line-height:1.6;color:var(--text-secondary);margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background:var(--gradient-primary);color:#fff}.btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow)}.btn.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn.btn-secondary:hover:not(:disabled){background:var(--bg-accent);color:#fff}.btn.btn-ghost{background:transparent;color:var(--text-secondary)}.btn.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-secondary)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--shadow)}.fade-in{opacity:0;animation:fadeIn .6s ease-out forwards}.slide-up{opacity:0;transform:translateY(30px);animation:slideUp .8s ease-out forwards}.slide-in-left{opacity:0;transform:translate(-30px);animation:slideInLeft .8s ease-out forwards}.slide-in-right{opacity:0;transform:translate(30px);animation:slideInRight .8s ease-out forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}