:root{--primary-color:#34c759;--primary-hover:#30d158;--primary-glow:#34c75966;--accent-blue:#0a84ff;--accent-orange:#ff9f0a;--accent-purple:#bf5af2;--bg-body:#000;--text-main:#fff;--text-muted:#ebebf599;--glass-bg:#1414168c;--glass-border:#ffffff1a;--glass-highlight:#ffffff40;--glass-shadow:0 12px 40px -10px #00000080;--indicator-bg:#ffffff1a;--indicator-border:#fff3;--indicator-glow:#ffffff4d;--blob-1:#30d15838;--blob-2:#0a84ff2e;--blob-3:#bf5af226}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}body:not(.loaded){overflow:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;font-weight:700}a{color:inherit;-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;transition:all .3s}img{max-width:100%;display:block}input,textarea,button{font-family:inherit}.liquid-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight);box-shadow:var(--glass-shadow), inset 0 1px 2px #ffffff14;border-left-color:#ffffff26}.bg-custom-image{z-index:-2;opacity:.6;pointer-events:none;background:url(/my/background.avif) 50%/cover no-repeat;width:100vw;height:100vh;position:fixed;top:0;left:0}.bg-blobs{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(90px);opacity:.8;will-change:transform, border-radius;border-radius:40% 60% 70% 30%/40% 50% 60%;animation:20s cubic-bezier(.4,0,.2,1) infinite alternate fluidMotion;position:absolute}.blob-1{background:var(--blob-1);width:55vw;height:55vw;top:-10%;left:-10%}.blob-2{background:var(--blob-2);width:65vw;height:65vw;animation-direction:alternate-reverse;animation-delay:-5s;bottom:-20%;right:-10%}.blob-3{background:var(--blob-3);width:45vw;height:45vw;animation-delay:-10s;top:30%;left:40%}@keyframes fluidMotion{0%{border-radius:40% 60% 70% 30%/40% 50% 60%;transform:translate(0)scale(1)rotate(0)}50%{border-radius:60% 40% 30% 70%/50% 60% 40% 50%;transform:translate(10%,15%)scale(1.1)rotate(180deg)}to{border-radius:40% 60% 70% 30%/40% 50% 60%;transform:translate(-5%,-10%)scale(.9)rotate(360deg)}}#preloader{z-index:9999;background:var(--bg-body);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s cubic-bezier(.25,1,.5,1),visibility .5s;display:flex;position:fixed;top:0;left:0}#preloader.hide{opacity:0;visibility:hidden;transform:scale(1.05)}.loader-content{text-align:center;flex-direction:column;align-items:center;display:flex}.loader-logo{object-fit:contain;opacity:0;width:80px;height:80px;margin-bottom:2rem;animation:.7s cubic-bezier(.16,1,.3,1) forwards appleFadeIn;transform:scale(.8)translateY(20px)}.welcome-text{color:var(--text-muted);opacity:0;margin-bottom:.5rem;font-size:1.2rem;font-weight:500;animation:.7s cubic-bezier(.16,1,.3,1) .2s forwards appleFadeIn;transform:translateY(15px)}.brand-text{letter-spacing:-.04em;background:linear-gradient(135deg, var(--text-main), var(--text-muted));-webkit-text-fill-color:transparent;opacity:0;filter:blur(10px);-webkit-background-clip:text;font-size:2.8rem;font-weight:800;animation:.8s cubic-bezier(.16,1,.3,1) .3s forwards appleTextReveal;transform:translateY(15px)}@keyframes appleFadeIn{to{opacity:1;transform:scale(1)translateY(0)}}@keyframes appleTextReveal{to{opacity:1;filter:blur();transform:translateY(0)}}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.section-padding{flex-direction:column;justify-content:center;min-height:100vh;padding:8rem 0 4rem;display:flex}.text-center{text-align:center}.grid{gap:2rem;display:grid}.btn{cursor:pointer;letter-spacing:-.01em;border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:.6rem;padding:1rem 2.2rem;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.95)}.btn-primary{-webkit-backdrop-filter:blur(30px)saturate(200%);color:#fff;background:#34c75940;border:1px solid #34c75966;border-top-color:#96ffaab3;box-shadow:0 8px 24px -8px #34c75980,inset 0 1px 4px #fff6}.btn-primary:hover{background:#34c75959;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 32px -8px #34c759b3,inset 0 1px 6px #ffffff80}.btn-secondary{-webkit-backdrop-filter:blur(30px)saturate(200%);color:var(--text-main);background:#ffffff1a;border:1px solid #ffffff26;border-top-color:#fff6;box-shadow:0 8px 24px -8px #0006,inset 0 1px 4px #ffffff26}.btn-secondary:hover{background:#ffffff2e;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 32px -8px #00000080,inset 0 1px 6px #ffffff40}.header{z-index:1000;border-radius:999px;align-items:center;width:calc(100% - 3rem);max-width:950px;height:70px;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.nav-container{justify-content:space-between;align-items:center;width:100%;padding:0 1.5rem;display:flex}.nav-logo-wrapper{flex:1;justify-content:flex-start;display:flex}.nav-main{flex:2;justify-content:center;display:flex}.nav-placeholder{flex:1;justify-content:flex-end;display:flex}.nav-logo{align-items:center;padding:.5rem;display:flex}.logo-img{object-fit:contain;width:auto;height:32px}.mobile-top-logo{display:none}.nav-links{align-items:center;gap:.5rem;height:100%;margin:0;padding:0;list-style:none;display:flex;position:relative}.liquid-indicator{background:radial-gradient(120% 120% at 50% 0%, var(--indicator-glow) 0%, transparent 80%), var(--indicator-bg);border:1px solid var(--indicator-border);border-top-color:var(--glass-highlight);z-index:1;pointer-events:none;opacity:0;will-change:transform, width, height;border-radius:999px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),width .5s cubic-bezier(.34,1.56,.64,1),height .5s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:absolute;top:0;left:0;box-shadow:inset 0 2px 4px #ffffff40,inset 0 -2px 6px #0000004d,0 6px 16px #0003}.nav-link{color:var(--text-muted);z-index:2;border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;transition:color .3s;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-main)}.nav-icon{display:none}.nav-text{display:inline-block}.nav-dot{color:var(--text-muted);opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:0 .2rem;font-size:.5rem;display:flex}.page-section{opacity:0;width:100%;display:none;transform:translateY(20px)scale(.99)}.page-section.active{animation:.6s cubic-bezier(.16,1,.3,1) forwards iosPageTransition;display:flex}@keyframes iosPageTransition{to{opacity:1;transform:translateY(0)scale(1)}}.hero-container{width:100%}.since-badge{color:var(--primary-color);border:1px solid #34c7594d;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-content h1{margin-bottom:1rem;font-size:clamp(3.2rem,6vw,5.5rem);line-height:1.05}.hero-subtitle{color:var(--text-muted);max-width:550px;margin-bottom:2.5rem;font-size:1.25rem;font-weight:400;line-height:1.6}.typing-text{color:var(--primary-color)}.stat-group{border-top:1px solid var(--glass-border);gap:3rem;margin-top:3.5rem;padding-top:2rem;display:flex}.stat-item h3{color:var(--text-main);margin-bottom:0;font-size:2.5rem}.stat-item p{color:var(--text-muted);font-size:.85rem;font-weight:500}.hero-image{justify-content:center;display:flex;position:relative}.image-wrapper{border:1px solid var(--glass-border);border-radius:32px;width:380px;height:480px;transition:transform .5s;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-5deg);box-shadow:0 20px 50px -10px #0000004d}.image-wrapper:hover{transform:perspective(1000px)rotateY(0)scale(1.02)}.image-wrapper img{object-fit:cover;width:100%;height:100%}.card{border-radius:28px;padding:2.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:hover{transform:translateY(-8px)}.sf-icon-wrapper{width:64px;height:64px;color:var(--text-main);background:#9696961a;border-radius:20px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.8rem;display:flex}.sf-icon-wrapper.green{color:var(--primary-color);background:#34c75926}.sf-icon-wrapper.blue{color:var(--accent-blue);background:#0a84ff26}.sf-icon-wrapper.purple{color:var(--accent-purple);background:#bf5af226}.sf-icon-wrapper.orange{color:var(--accent-orange);background:#ff9f0a26}.portfolio-filters{margin-bottom:3rem;z-index:1;border-radius:999px;justify-content:center;gap:.5rem;width:fit-content;margin-inline:auto;padding:.5rem;display:flex;position:relative}.filter-btn{z-index:2;cursor:pointer;color:var(--text-muted);border:none;border-radius:999px;outline:none;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s;position:relative;box-shadow:none!important;background:0 0!important}.filter-btn.active{color:var(--text-main)}.portfolio-item{border-radius:24px;display:block;overflow:hidden}.portfolio-img{color:#fffc;background:#1c1c1e;justify-content:center;align-items:center;height:220px;font-size:3rem;display:flex;position:relative}.portfolio-info{padding:1.5rem}.form-control{border:1px solid var(--glass-border);width:100%;color:var(--text-main);background:#9696960d;border-radius:16px;margin-bottom:1rem;padding:1.2rem;font-size:1rem;transition:all .3s}.form-control:focus{border-color:var(--text-muted);background:#9696961a;outline:none}.modal{-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.modal.active{opacity:1;pointer-events:auto}.modal-content{border-radius:32px;flex-direction:column;width:100%;max-width:800px;height:85vh;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:scale(.9)translateY(20px);box-shadow:0 25px 50px -12px #00000080}.modal.active .modal-content{transform:scale(1)translateY(0)}.modal-drag-handle{display:none}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.close-modal{color:var(--text-main);cursor:pointer;background:#96969633;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .3s;display:flex}.close-modal:hover{color:#fff;background:#ff3b30cc}.modal-body{-webkit-overflow-scrolling:touch;background:#fff;flex:1;width:100%;overflow-y:auto}.modal-body iframe{border:none;width:100%;height:100%;display:block}#notificationModal{align-items:center}#notificationModal .modal-content{text-align:center;border-radius:32px;width:90%;max-width:380px;height:auto;padding:2.5rem;transform:scale(.9)translateY(20px)}#notificationModal.active .modal-content{transform:scale(1)translateY(0)}.site-footer{z-index:10;background:#141416b3;border-bottom:none;border-left:none;border-right:none;border-radius:40px 40px 0 0;margin-top:4rem;padding:4rem 0 2rem;position:relative}.footer-grid-layout{grid-template-columns:2fr 1fr 1.5fr;gap:3rem;margin-bottom:3rem;display:grid}.footer-brand img{width:45px;margin-bottom:1.2rem}.footer-brand h3{color:var(--text-main);margin-bottom:.5rem;font-size:1.6rem}.footer-brand p{color:var(--text-muted);max-width:320px;font-size:.95rem;line-height:1.6}.footer-heading{color:var(--text-main);margin-bottom:1.5rem;font-size:1.2rem}.footer-links-list{margin:0;padding:0;list-style:none}.footer-links-list li{margin-bottom:.8rem}.footer-links-list a{color:var(--text-muted);font-size:.95rem;transition:all .3s;display:inline-block}.footer-links-list a:hover{color:var(--primary-color);transform:translate(5px)}.footer-contact-info p{color:var(--text-muted);align-items:flex-start;gap:1rem;margin-bottom:1rem;font-size:.95rem;display:flex}.footer-contact-info i{color:var(--primary-color);text-align:center;width:20px;margin-top:4px;font-size:1.1rem}.footer-socials{grid-template-columns:repeat(5,max-content);gap:1rem;margin-top:1.5rem;display:grid}.social-icon{width:42px;height:42px;color:var(--text-main);border:1px solid var(--glass-border);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.social-icon:hover{background:var(--primary-color);color:#fff;transform:translateY(-5px);box-shadow:0 10px 20px -5px #34c75966}.footer-bottom-bar{text-align:center;border-top:1px solid var(--glass-border);color:var(--text-muted);padding-top:2rem;font-size:.9rem}.back-to-top{width:50px;height:50px;color:var(--text-main);cursor:pointer;z-index:1000;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(20px);background:#34c75933;border:1px solid #34c75966;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px);box-shadow:0 8px 24px #0000004d}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--primary-color);transform:translateY(-5px);box-shadow:0 12px 28px #34c75980}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (width<=768px){.mobile-top-logo{z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:.4rem 1rem;display:flex;position:fixed;top:1.5rem;left:1.5rem}.header{border-radius:28px;width:calc(100% - 2rem);max-width:480px;height:70px;top:auto;bottom:1.5rem}.nav-container{justify-content:center;padding:0}.nav-logo-wrapper,.nav-placeholder,.nav-dot{display:none}.nav-main{flex:1;justify-content:center;width:100%;display:flex}.nav-links{justify-content:space-around;gap:.1rem;width:100%;padding:0 .25rem}.nav-text{margin-top:2px;font-size:clamp(.55rem,2.5vw,.65rem);font-weight:500;display:block}.nav-icon{margin-bottom:2px;font-size:clamp(1.1rem,5vw,1.3rem);display:block}.nav-link{border-radius:18px;flex-direction:column;flex:1;min-width:0;height:55px;padding:.2rem}.liquid-indicator{border-radius:18px}.grid-2,.grid-3{grid-template-columns:1fr}.hero-content h1{font-size:2.8rem}.hero-image{display:none}.section-padding{padding-top:120px;padding-bottom:120px}.stat-group{flex-direction:column;gap:1.5rem}.modal{align-items:flex-end}.modal-content{border-radius:32px 32px 0 0;max-width:100%;height:90vh;margin:0;transform:translateY(100%)}.modal.active .modal-content{transform:translateY(0)}.modal-drag-handle{background:var(--text-muted);opacity:.5;border-radius:10px;width:40px;height:5px;margin:12px auto;display:block}.modal-header{border:none;padding:0 1.5rem 1rem}.footer-grid-layout{text-align:center;grid-template-columns:1fr;gap:2.5rem}.footer-brand p{margin:0 auto}.footer-contact-info p{text-align:left;justify-content:center;width:fit-content;margin-inline:auto}.footer-socials{justify-content:center}.site-footer{border-radius:32px 32px 0 0;padding-bottom:120px}.back-to-top{width:45px;height:45px;bottom:110px;right:1.5rem}}@media (width>=769px){.grid-2{grid-template-columns:1fr 1fr;align-items:center}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}@keyframes floatImage{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1.5deg)}to{transform:translateY(0)rotate(0)}}.about-image-float{transition:transform .5s ease-in-out;animation:6s ease-in-out infinite floatImage}.about-image-float:hover{transform:scale(1.04)rotate(-1deg)}.profile-mask{-webkit-mask-image:linear-gradient(#000 85%,#0000 100%);mask-image:linear-gradient(#000 85%,#0000 100%)}