:root{--primary-color:#007aff;--secondary-color:#1d1d1f;--accent-color:#30d158;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-light:#d2d2d7;--background-primary:#fff;--background-secondary:#f5f5f7;--background-accent:#fbfbfd;--border-light:#d2d2d7;--shadow-light:#0000000a;--shadow-medium:#00000014;--shadow-strong:#0000001f;--border-radius:18px;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem}*{box-sizing:border-box}html{height:100vh}body{background:#0000;color:#1d1d1f;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;font-size:17px;font-weight:400;letter-spacing:-.022em;line-height:1.47059;margin:0;min-height:100vh;overflow-x:hidden;padding:0}*{scrollbar-color:#0003 #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0003;background-clip:content-box;border:2px solid #0000;border-radius:9px}::-webkit-scrollbar-thumb:hover{background:#0000004d;background-clip:content-box}::-webkit-scrollbar-thumb:active{background:#0006;background-clip:content-box}::-webkit-scrollbar-corner{background:#0000}h1,h2,h3,h4,h5,h6{color:#1d1d1f;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-weight:600;letter-spacing:-.003em;line-height:1.07143;margin:0}h1{font-size:3.5rem;font-weight:700;letter-spacing:-.015em;line-height:1.05}h2{font-size:2.25rem;font-weight:600;letter-spacing:-.009em;line-height:1.11111}h3{font-size:1.75rem;line-height:1.2}h3,h4{letter-spacing:-.021em}h4{font-size:1.3125rem;line-height:1.19048}h5{font-size:1.0625rem;letter-spacing:-.021em;line-height:1.23529}h6{font-size:.875rem;letter-spacing:-.016em;line-height:1.28571}.apple-header{align-items:center;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:#ffffffd9;border-bottom:.5px solid #00000014;display:flex;height:clamp(52px,8vh,64px);left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:1000}.apple-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:980px;min-height:100%;padding:0 clamp(16px,4vw,24px);width:100%}.apple-nav{gap:clamp(16px,4vw,32px)}.apple-nav,.apple-nav-item{align-items:center;display:flex}.apple-nav-item{background:none;border:none;color:#000000a6;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;font-size:clamp(14px,3.5vw,16px);font-weight:500;letter-spacing:-.01em;padding:clamp(6px,1.5vw,8px) 0;transition:color .2s ease;white-space:nowrap}.apple-nav-item:hover{color:#000c}.apple-nav-item.active{color:#007aff;color:var(--primary-color);font-weight:600}.apple-theme-toggle{align-items:center;background:#0000000f;border:none;border-radius:clamp(10px,3vw,12px);color:#000000b3;cursor:pointer;display:flex;flex-shrink:0;height:clamp(36px,9vw,44px);justify-content:center;transition:all .2s ease;width:clamp(36px,9vw,44px)}.apple-theme-toggle:hover{background:#0000001a;color:#000000e6}.apple-theme-toggle svg{height:clamp(16px,4vw,20px);width:clamp(16px,4vw,20px)}.hero-section{background:#0000;padding:80px 0 0;position:relative}.section{margin-bottom:12px;padding:50px 0 0;position:relative}.section:nth-child(2n){background:#0000}.grid-container{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:980px;padding:0 22px}.product-grid{grid-gap:12px;grid-template-columns:1fr 1fr}.product-grid,.product-grid-single{display:grid;gap:12px;margin-bottom:12px}.product-grid-single{grid-gap:12px;grid-template-columns:1fr}.product-card{background:#f5f5f7;background:var(--background-secondary);border-radius:18px;cursor:pointer;display:flex;flex-direction:column;min-height:clamp(400px,50vh,580px);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card.auto-expand{height:auto;min-height:auto}.product-card.auto-expand .product-card-content{max-width:100%;padding:clamp(20px,4vw,25px) clamp(20px,4vw,25px) clamp(15px,3vw,20px)}.product-card.auto-expand .product-card-custom{align-items:center;flex:1 1;margin-top:auto;position:static}.product-card:hover{transform:scale(1.005);transition:transform .3s cubic-bezier(.4,0,.2,1)}.product-card-large{min-height:480px}.product-card-content{display:flex;flex:0 0 auto;flex-direction:column;max-width:70%;overflow:hidden;padding:clamp(30px,6vw,40px) clamp(25px,5vw,35px) clamp(20px,4vw,30px);position:relative;text-align:left}.product-card-large .product-card-content{padding-left:60px;text-align:left}.product-card-small .product-card-content{max-width:75%;padding-bottom:180px;padding-right:110px}.product-card-large .description{margin-left:0}.product-card-large{position:relative}.hero-memoji{bottom:-60px;height:440px;opacity:.9;pointer-events:none;position:absolute;right:30px;transform:scaleX(-1) rotate(-8deg);transition:all .3s cubic-bezier(.4,0,.2,1);width:440px;z-index:2}.product-card:hover .hero-memoji{bottom:-40px;opacity:1;transform:scaleX(-1) rotate(-5deg) scale(1.05)}.skill-app-icon{cursor:pointer;height:80px;opacity:.9;pointer-events:auto;position:absolute;right:30px;top:52px;transition:all .3s cubic-bezier(.4,0,.2,1);width:80px;z-index:2}.php-icon{top:132px!important}.skill-app-icon.haptic-feedback{opacity:.7;transform:scale(.95);transition:all .08s cubic-bezier(.4,0,.2,1)}.product-card-custom{align-items:flex-start;bottom:clamp(15px,3vw,20px);left:clamp(15px,3vw,20px);overflow:visible;padding:0;position:absolute;right:clamp(15px,3vw,20px);top:clamp(280px,35vh,350px)}.github-contributions-wrapper,.product-card-custom{box-sizing:border-box;display:flex;justify-content:center}.github-contributions-wrapper{align-items:center;height:100%;padding:20px;width:100%}.contributions-bar-chart{align-items:end;display:flex;gap:clamp(1px,.5vw,4px);height:clamp(50px,8vh,70px);justify-content:space-between;padding:0 clamp(5px,2vw,15px);width:100%}.contribution-bar{background:#007aff1a;border-radius:3px;cursor:pointer;flex:1 1;max-width:clamp(16px,4vw,32px);min-height:2px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.contribution-bar.level-0{background:#0000000d;height:2px}.contribution-bar.level-1{background:#007aff4d;height:clamp(12px,2.5vh,18px)}.contribution-bar.level-2{background:#007aff80;height:clamp(24px,5vh,35px)}.contribution-bar.level-3{background:#007affb3;height:clamp(36px,7.5vh,52px)}.contribution-bar.level-4{background:#007aff;height:clamp(48px,10vh,70px)}.contribution-bar:hover{box-shadow:0 2px 8px #007aff4d;opacity:.8;transform:scaleY(1.1)}.dark-theme .contribution-bar.level-0{background:#ffffff0d}.dark-theme .contribution-bar.level-1{background:#007aff66}.dark-theme .contribution-bar.level-2{background:#007aff99}.dark-theme .contribution-bar.level-3{background:#007affcc}.dark-theme .contribution-bar.level-4{background:#007aff}.contribution-bar-wrapper{align-items:end;display:flex;flex:1 1;justify-content:center;position:relative}.contribution-tooltip-top{animation:tooltipFadeIn .2s cubic-bezier(.4,0,.2,1);bottom:100%;left:50%;margin-bottom:8px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.contribution-tooltip-content{-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);background:#1c1c1ef2;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 16px #0003;min-width:120px;padding:8px 12px;text-align:center}.contribution-tooltip-title{color:#fff;font-size:13px;font-weight:600;margin-bottom:2px}.contribution-tooltip-text,.contribution-tooltip-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.contribution-tooltip-text{color:#fffc;font-size:12px;font-weight:400}.light-theme .contribution-tooltip-content{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 16px #0000001a}.light-theme .contribution-tooltip-title{color:#1d1d1f}.light-theme .contribution-tooltip-text{color:#1d1d1fcc}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) scale(.9)}to{opacity:1;transform:translateX(-50%) scale(1)}}@media (max-width:734px){.github-contributions-wrapper{padding:15px 20px 100px}.contributions-bar-chart{gap:1px;height:50px;padding:0 5px}.contribution-bar{max-width:18px}.contribution-bar.level-1{height:12px}.contribution-bar.level-2{height:25px}.contribution-bar.level-3{height:37px}.contribution-bar.level-4{height:50px}.contribution-tooltip-top{margin-bottom:12px;max-width:calc(100vw - 40px)}.contribution-tooltip-content{max-width:200px;min-width:140px;padding:10px 14px}.contribution-tooltip-title{font-size:14px;margin-bottom:3px}.contribution-tooltip-text{font-size:13px}.contribution-bar.mobile-touch{cursor:pointer;min-height:20px;min-width:20px}.contribution-bar.mobile-touch:active{opacity:.7;transform:scale(.95)}.contribution-tooltip-top.mobile-tooltip{bottom:100%;left:50%;margin-bottom:12px;position:absolute;top:auto;transform:translateX(-50%);z-index:10001}.mobile-tooltip .contribution-tooltip-content{border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:250px;min-width:160px;padding:12px 16px}.contribution-tooltip-close{color:#fff9;font-size:10px;font-style:italic;margin-top:8px;text-align:center}.light-theme .contribution-tooltip-close{color:#1d1d1f99}.contribution-bar-wrapper:first-child .contribution-tooltip-top:not(.mobile-tooltip),.contribution-bar-wrapper:nth-child(2) .contribution-tooltip-top:not(.mobile-tooltip){left:0;transform:translateX(0)}.contribution-bar-wrapper:last-child .contribution-tooltip-top:not(.mobile-tooltip),.contribution-bar-wrapper:nth-last-child(2) .contribution-tooltip-top:not(.mobile-tooltip){left:auto;right:0;transform:translateX(0)}}.github-contributions-real{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text;overflow:hidden;padding:8px 0;width:100%}.contributions-header{margin-bottom:12px}.contributions-count{color:#86868b;font-size:12px;font-weight:500}.contributions-wrapper{position:relative}.month-labels{display:flex;justify-content:space-between;margin-bottom:4px;margin-left:25px;padding-right:8px}.month-labels span{color:#86868b;flex:1 1;font-size:9px;font-weight:500;text-align:left}.contributions-content{display:flex;gap:8px}.day-labels{display:flex;flex-direction:column;height:80px;justify-content:space-around;width:18px}.day-labels span{color:#86868b;font-size:8px;font-weight:500;line-height:1;text-align:right}.contributions-grid{display:flex;flex:1 1;gap:1.5px;overflow-x:auto}.week-column{display:flex;flex:1 1;flex-direction:column;gap:1.5px;min-width:10px}.contribution-day{background:#ebedf0;border:1px solid #0000000a;border-radius:2px;cursor:pointer;height:10px;max-width:12px;min-width:8px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.contribution-day:hover{box-shadow:0 2px 8px #00000026;position:relative;transform:scale(1.3);z-index:10}.contribution-tooltip{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1c1c1ef2;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:-.01em;padding:8px 12px;pointer-events:none;white-space:nowrap}.contribution-tooltip:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #1c1c1ef2;content:"";height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}.light-theme .contribution-tooltip{background:#fffffff2;border:1px solid #0000001a;color:#1d1d1f}.light-theme .contribution-tooltip:after{border-top-color:#fffffff2}@media (max-width:734px){.contribution-tooltip{font-size:11px;padding:6px 10px}.contribution-day:hover{transform:scale(1.2)}}@media (max-width:480px){.contribution-tooltip{font-size:10px;padding:5px 8px}}.contribution-day.level-0{background:#0000000f}.contribution-day.level-1{background:#007aff33}.contribution-day.level-2{background:#007aff66}.contribution-day.level-3{background:#007affb3}.contribution-day.level-4{background:#007aff}.contribution-day:hover{box-shadow:0 2px 8px #007aff4d;transform:scale(1.2)}.contributions-legend{align-items:center;color:#86868b;display:flex;font-size:10px;gap:6px;justify-content:flex-end;margin-top:8px}.legend-levels{display:flex;gap:2px}.legend-day{border-radius:2px;height:8px;width:8px}.legend-day.level-0{background:#ebedf0}.legend-day.level-1{background:#9be9a8}.legend-day.level-2{background:#40c463}.legend-day.level-3{background:#30a14e}.legend-day.level-4{background:#216e39}@media (max-width:734px){.github-contributions-real{padding:6px 0}.month-labels{margin-left:15px;padding-right:4px}.month-labels span{font-size:8px}.day-labels{height:70px;width:12px}.day-labels span{font-size:7px}.contributions-content{gap:4px}.contributions-grid{gap:1px}.week-column{gap:1px;min-width:8px}.contribution-day{height:8px;max-width:10px;min-width:6px}.contributions-legend{font-size:9px;margin-top:6px}.legend-day{height:7px;width:7px}}.task-management-container{box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(8px,2vw,12px);height:100%;overflow:visible;padding:clamp(16px,4vw,24px);width:100%}.task-item{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:.5px solid #0000000a;border-radius:18px;cursor:grab;display:flex;justify-content:space-between;min-height:clamp(56px,8vh,70px);overflow:hidden;padding:clamp(14px,3vw,16px);position:relative;touch-action:pan-y;transition:all .4s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none;user-select:none}.task-item:hover{border-color:#007aff26;box-shadow:0 4px 12px #007aff14;transform:translateY(-2px)}.task-item.dragging,.task-item:active{cursor:grabbing;opacity:.95;z-index:1000}.task-item.drag-over{background:#007aff08;border-color:#007aff33;transform:translateY(-1px)}.task-item.long-press-active{background:#fffffff2;box-shadow:0 8px 24px #007aff33}.task-item.drop-target{background:#007aff0d;border-color:#007aff4d;transform:translateY(-2px);transition:all .2s cubic-bezier(.25,.8,.25,1)}.task-item.selected{background:#007aff14;border-color:#007aff66;box-shadow:0 4px 16px #007aff26;transform:scale(1.02)}.task-content{flex:1 1;gap:clamp(12px,3vw,16px);min-width:0;position:relative}.task-content,.task-indicator{align-items:center;display:flex}.task-indicator{flex-shrink:0;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%)}.task-category-dot{border-radius:50%;box-shadow:0 0 0 1px #fff3;height:clamp(6px,1.5vw,8px);opacity:.9;width:clamp(6px,1.5vw,8px)}.task-details{flex:1 1;min-width:0;text-align:center}.task-details,.task-header{align-items:center;display:flex;justify-content:center}.task-header{width:100%}.task-title{word-wrap:break-word;color:#1d1d1f;color:var(--text-primary);flex:1 1;font-size:clamp(14px,3.5vw,16px);font-weight:600;line-height:1.2;white-space:normal}.task-category{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;flex-shrink:0;font-size:clamp(8px,1.8vw,10px);font-weight:600;letter-spacing:.8px;line-height:1;padding:clamp(3px,.8vw,4px) clamp(6px,1.5vw,8px);text-transform:uppercase}.task-meta{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(6px,1.5vw,8px)}.task-status{font-size:clamp(9px,2vw,10px);font-weight:500;line-height:1;opacity:.8;text-transform:capitalize}.drag-handle{align-items:center;border-radius:6px;color:#0000004d;cursor:grab;display:flex;flex-shrink:0;font-size:clamp(14px,3vw,18px);justify-content:center;line-height:1;min-width:clamp(20px,4vw,24px);padding:clamp(4px,1vw,6px);transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none;user-select:none}.task-item:hover .drag-handle{background:#007aff0d;color:#007affb3;transform:scale(1.1)}.task-item.dragging .drag-handle,.task-item:active .drag-handle{background:#007aff1a;color:#007affe6;cursor:grabbing;transform:scale(1.05)}.dark-theme .task-item{background:#2c2c2ecc;border-color:#ffffff14}.dark-theme .task-item:hover{background:#3a3a3ccc;border-color:#007aff33}.dark-theme .task-item.drag-over{background:#007aff14;border-color:#007aff40}.dark-theme .task-title{color:#f5f5f7}.dark-theme .task-category{background:#0003;color:#ffffffe6}.dark-theme .task-item.long-press-active{background:#3a3a3cf2;box-shadow:0 8px 24px #007aff4d}.dark-theme .task-item.drop-target{background:#007aff14;border-color:#007aff66}.dark-theme .task-item.selected{background:#007aff1a;border-color:#007aff80}.dark-theme .drag-handle{color:#ffffff4d}.dark-theme .task-item:hover .drag-handle{background:#007aff1a;color:#007affcc}.dark-theme .task-item.dragging .drag-handle,.dark-theme .task-item:active .drag-handle{background:#007aff26;color:#007affe6}.product-card:has(.task-management-container){overflow:visible}.product-card:has(.task-management-container) .product-card-custom{left:10px;padding:10px;right:10px}@keyframes taskLiftEffect{0%{box-shadow:0 4px 12px #007aff14;transform:translateY(0) scale(1)}to{box-shadow:0 6px 16px #007aff1a;transform:translateY(-4px) scale(1.01)}}@keyframes taskGrabEffect{0%{box-shadow:0 4px 12px #007aff14;transform:scale(1)}to{box-shadow:0 4px 12px #007aff14;transform:scale(1.005)}}@keyframes taskPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.98;transform:scale(.998)}}.mini-popup,.smart-popup{animation:miniPopupSlideIn .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:#1c1c1ebf;border:1px solid #ffffff26;border-radius:24px;box-shadow:0 20px 60px #0006,0 8px 30px #00000040,0 2px 8px #00000026,inset 0 1px 0 #fff3,inset 0 -1px 0 #ffffff0d;height:auto;max-height:none;max-width:320px;min-width:240px;opacity:0;overflow:hidden;overflow:hidden!important;pointer-events:auto;position:fixed!important;transform-origin:center bottom;transition:opacity .2s ease-out,transform .1s ease-out,visibility .2s ease-out;visibility:hidden;z-index:999999!important}@media (max-width:768px){.mini-popup{margin:0 12px;max-width:calc(100vw - 24px);min-width:280px;width:auto}.mini-popup-content{padding:16px 18px}.mini-popup-title{font-size:16px;margin-bottom:10px}.mini-popup-description{font-size:12px;line-height:1.4}}@media (max-width:480px){.mini-popup{margin:0 8px;max-width:calc(100vw - 16px);min-width:260px}.mini-popup-content{padding:14px 16px}.mini-popup-title{font-size:15px}.mini-popup-description{font-size:11px}}.mini-popup::-webkit-scrollbar,.smart-popup::-webkit-scrollbar{display:none}.mini-popup:before,.smart-popup:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 25%,#ffffff05 50%,#ffffff0d 75%,#ffffff1a);border-radius:24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mini-popup:after,.smart-popup:after{animation:glassShimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.mini-popup-content,.smart-popup-content{word-wrap:break-word;height:auto;max-height:none;overflow:hidden!important;padding:18px 22px;position:relative;text-align:left;z-index:1}.mini-popup-title,.smart-popup-title{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:12px;text-align:center}.mini-popup-description,.smart-popup-description{color:#ffffffd9;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:13px;font-weight:400;letter-spacing:-.003em;line-height:1.5}.mini-popup-description strong,.smart-popup-description strong{color:#fff;font-weight:600}.mini-popup-description em,.smart-popup-description em{color:#ffffffbf;font-size:12px;font-style:italic}@keyframes glassShimmer{0%{opacity:0;transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{opacity:1}to{opacity:0;transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes miniPopupSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes miniPopupSlideOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.mini-popup-closing,.smart-popup-closing{animation:miniPopupSlideOut .2s cubic-bezier(.4,0,1,1) forwards!important}.dark-theme .mini-popup,.dark-theme .smart-popup{background:#3a3a3cf2;border:.5px solid #ffffff26}.light-theme .mini-popup,.light-theme .smart-popup{backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:#fff9;border:1px solid #00000014;box-shadow:0 20px 60px #0003,0 8px 30px #0000001f,0 2px 8px #00000014,inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #0000000d}.light-theme .mini-popup:before,.light-theme .smart-popup:before{background:linear-gradient(135deg,#fff3,#ffffff1a 25%,#ffffff08 50%,#ffffff1a 75%,#fff3)}.light-theme .mini-popup:after,.light-theme .smart-popup:after{background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%)}.light-theme .mini-popup-title,.light-theme .smart-popup-title{color:#1d1d1f}.light-theme .mini-popup-description,.light-theme .smart-popup-description{color:#1d1d1fcc}.light-theme .mini-popup-description strong,.light-theme .smart-popup-description strong{color:#1d1d1f}.light-theme .mini-popup-description em,.light-theme .smart-popup-description em{color:#1d1d1fa6}.learning-memoji{bottom:-90px;height:360px;opacity:.9;pointer-events:none;position:absolute;right:50px;transition:all .3s cubic-bezier(.4,0,.2,1);width:360px;z-index:2}.product-card:hover .learning-memoji{bottom:-85px;opacity:1;transform:scale(1.05) rotate(-3deg)}@media (max-width:1068px){.product-card-large{min-height:420px}.product-card-large .product-card-content{max-width:65%;padding-left:50px}.product-card-small .product-card-content{max-width:70%;padding-bottom:160px;padding-right:100px}.hero-memoji{bottom:-45px;height:180px;right:8px;width:180px}.php-icon{top:112px!important}.skill-app-icon{height:70px;right:25px;top:42px;width:70px}.learning-memoji{bottom:-70px;height:280px;right:10px;transform:scaleX(-1);width:280px}.product-card:hover .learning-memoji{bottom:-65px;transform:scaleX(-1) scale(1.05) rotate(3deg)}}@media (max-width:734px){.product-card-large{min-height:380px}.product-card-large .product-card-content{max-width:100%;padding-left:40px;text-align:center}.product-card-small .product-card-content{max-width:-webkit-fit-content;max-width:fit-content}.hero-memoji{bottom:-45px;height:180px;right:8px;width:180px}.skill-app-icon{height:60px;right:20px;top:40px;width:60px}.php-icon{top:84px!important}.learning-memoji{bottom:-60px;height:240px;right:5px;transform:scaleX(-1);width:240px}.product-card:hover .learning-memoji{bottom:-55px;transform:scaleX(-1) scale(1.05) rotate(3deg)}}@media (max-width:480px){.product-card-large{min-height:350px}.product-card-large .product-card-content{max-width:100%;padding-left:30px;text-align:center}.product-card-small .product-card-content{max-width:80%;padding-bottom:120px;padding-right:70px}.hero-memoji{bottom:-45px;height:180px;opacity:.8;right:8px;width:180px}.skill-app-icon{height:50px;right:15px;top:24px;width:50px}.learning-memoji{bottom:-50px;height:200px;right:0;transform:scaleX(-1);width:200px}.product-card:hover .learning-memoji{bottom:-45px;transform:scaleX(-1) scale(1.05) rotate(3deg)}}.product-card h2{color:#fff;font-size:clamp(32px,8vw,56px);font-weight:600;letter-spacing:-.005em;line-height:1.1;margin-bottom:clamp(4px,1vw,8px)}.product-card .subtitle{color:#ffffffe6;font-size:clamp(20px,5vw,28px);font-weight:400;letter-spacing:.007em;line-height:1.2;margin-bottom:clamp(8px,2vw,12px);white-space:pre-line}.product-card .description{word-wrap:break-word;color:#fffc;font-size:clamp(15px,3.5vw,19px);font-weight:400;letter-spacing:.012em;line-height:1.4;margin-bottom:clamp(16px,4vw,22px);margin-left:0;margin-right:auto;max-width:clamp(300px,60vw,420px);overflow-wrap:break-word;white-space:pre-line}.product-card-small h2{font-size:clamp(28px,6vw,40px);margin-bottom:clamp(6px,1.5vw,8px)}.product-card-small .subtitle{font-size:clamp(16px,4vw,21px);margin-bottom:clamp(12px,3vw,16px)}.product-card-small .description{font-size:clamp(14px,3vw,17px);line-height:1.4;margin-bottom:clamp(16px,4vw,24px);max-width:clamp(280px,50vw,320px)}.card{background:#fff;background:var(--background-primary);border:.5px solid #0000000a;border-radius:18px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:grid;grid-template-areas:"content" "actions";grid-template-rows:1fr auto;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1.02)}.card>div{display:flex;flex-direction:column;height:100%;padding:40px}.hero-main{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;justify-content:center;text-align:center}.hero-main h1{color:#fff;margin-bottom:8px}.hero-main p{margin-bottom:40px;opacity:.9}.card-visual{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);background:linear-gradient(135deg,var(--primary-color) 0,#5856d6 100%);color:#fff;display:flex;font-size:2rem;font-weight:600;justify-content:center}.card-accent{background:#fbfbfd;background:var(--background-accent);border:.5px solid #007aff1a}.card-minimal{align-items:center;background:#8e8e931f;border:1px dashed #8e8e933d;color:#86868b;color:var(--text-secondary);display:flex;font-weight:400;justify-content:center}.product-bg-blue{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff}.product-bg-purple{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.product-bg-pink{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.product-bg-cyan{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.product-bg-orange{background:linear-gradient(135deg,#ff9a56,#ff6b35);color:#fff}.product-bg-green{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.product-bg-dark{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff}.product-bg-light{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#1d1d1f;color:var(--text-primary)}.product-bg-blue h2,.product-bg-cyan h2,.product-bg-dark h2,.product-bg-green h2,.product-bg-orange h2,.product-bg-pink h2,.product-bg-purple h2{color:#fff}.product-bg-blue .subtitle,.product-bg-cyan .subtitle,.product-bg-dark .subtitle,.product-bg-green .subtitle,.product-bg-orange .subtitle,.product-bg-pink .subtitle,.product-bg-purple .subtitle{color:#ffffffe6}.product-bg-blue .description,.product-bg-cyan .description,.product-bg-dark .description,.product-bg-green .description,.product-bg-orange .description,.product-bg-pink .description,.product-bg-purple .description{color:#fffc}.product-bg-light h2{color:#1d1d1f;color:var(--text-primary)}.product-bg-light .description,.product-bg-light .subtitle{color:#86868b;color:var(--text-secondary);white-space:pre-line}.product-bg-light .description{word-wrap:break-word;margin-left:0}.card-small{min-height:200px}.card-medium{min-height:300px}.card-large{min-height:400px}.card-xl{min-height:500px}.card-full,.card-height-small{min-height:200px}.card-height-medium{min-height:348px}.card-height-large{min-height:580px}.section-title-card{align-items:center;background:#0000;border:none;box-shadow:none;display:flex;justify-content:center;padding:0;text-align:center}.section-title-card:hover{box-shadow:none;transform:none}.product-buttons{display:flex;gap:25px;justify-content:flex-start;padding-top:20px}.product-card-small .product-buttons{justify-content:center}.btn-apple-primary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:980px;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:17px;font-weight:400;letter-spacing:-.022em;line-height:1.23536;min-width:110px;padding:12px 23px;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-apple-primary:hover{background:#ffffff40;border-color:#ffffff80}.btn-apple-secondary{background:#0000;border:1px solid #ffffff4d;border-radius:980px;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:17px;font-weight:400;letter-spacing:-.022em;line-height:1.23536;min-width:110px;padding:12px 23px;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-apple-secondary:hover{background:#ffffff26;border-color:#ffffff80}.product-bg-light .btn-apple-primary{background:#007aff;background:var(--primary-color);border:1px solid #007aff;border:1px solid var(--primary-color);color:#fff}.product-bg-light .btn-apple-primary:hover{background:#0051d4;border-color:#0051d4}.product-bg-light .btn-apple-secondary{background:#0000;border:1px solid #007aff;border:1px solid var(--primary-color);color:#007aff;color:var(--primary-color)}.product-bg-light .btn-apple-secondary:hover{background:#007aff;background:var(--primary-color);color:#fff}.btn-primary{align-items:center;background:#007aff;background:var(--primary-color);border:none;border-radius:980px;color:#fff;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:17px;font-weight:400;justify-content:center;letter-spacing:-.022em;line-height:1.47059;min-height:44px;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:#0051d4;transform:scale(1.02)}.btn-secondary{align-items:center;background:#0000;border:1px solid #007aff;border:1px solid var(--primary-color);border-radius:980px;color:#007aff;color:var(--primary-color);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:17px;font-weight:400;justify-content:center;letter-spacing:-.022em;line-height:1.47059;min-height:44px;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#007aff;background:var(--primary-color);color:#fff;transform:scale(1.02)}.tag{background:#007aff1a;border-radius:6px;color:#007aff;color:var(--primary-color);display:inline-block;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:12px;font-weight:400;letter-spacing:-.01em;padding:4px 8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tag:hover{background:#007aff;background:var(--primary-color);color:#fff;transform:scale(1.05)}.focus-ring:focus{outline:2px solid #007aff;outline:2px solid var(--primary-color);outline-offset:2px}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:1068px){.grid-container{max-width:692px;padding:0 16px}.product-grid{gap:12px;grid-template-columns:1fr}.hero-section{padding:100px 0 0}.section{padding:40px 0 0}.product-card{min-height:500px}.product-card-large{min-height:650px}.product-card h2{font-size:48px}.product-card .subtitle{font-size:24px}.product-card .description{font-size:19px}.contributions-grid-only .week-column{gap:6px}.contributions-grid-only .contribution-day{height:20px;width:20px}}@media (max-width:734px){.grid-container{max-width:87.5%;padding:0 16px}.hero-section{padding:80px 0 0}.section{padding:30px 0 0}.product-grid{grid-template-columns:1fr}.product-card{min-height:400px}.product-card-large{min-height:550px}.product-card-content{padding:40px 30px 30px}.product-card-large .product-card-content{max-width:100%;padding-left:40px;text-align:center}.product-card h2{font-size:40px}.product-card .subtitle{font-size:21px}.product-card .description{font-size:17px}.product-card-small h2{font-size:32px}.product-card-small .subtitle{font-size:19px}.product-card-small .description{font-size:15px}.product-buttons{align-items:center;flex-direction:column;gap:12px;padding-top:20px}.apple-header{height:60px}.apple-nav{gap:20px}.hero-memoji{bottom:-45px;height:180px;right:8px;width:180px}.contributions-grid-only .week-column{gap:4px}.contributions-grid-only .contribution-day{height:16px;width:16px}.github-contributions-wrapper{margin:15px 30px}}@media (max-width:480px){.apple-header{height:56px}.apple-header-content{gap:clamp(12px,8vw,20px);justify-content:center}.apple-nav{gap:clamp(12px,6vw,16px)}.apple-nav-item{font-size:clamp(12px,4vw,14px)}.apple-theme-toggle{height:clamp(32px,10vw,36px);width:clamp(32px,10vw,36px)}.apple-theme-toggle svg{height:clamp(14px,4.5vw,16px);width:clamp(14px,4.5vw,16px)}.hero-section{padding:60px 0 0}.section{padding:20px 0 0}.product-card{border-radius:12px;min-height:400px}.product-card-large{min-height:450px}.product-card-small{min-height:300px}.product-card-large .product-card-content{max-width:100%;padding:20px 15px 60px;text-align:center}.product-card-content{padding:18px 15px 40px}.product-card.auto-expand{height:-webkit-fit-content;height:fit-content;min-height:auto}.product-card.auto-expand .product-card-content{max-width:100%;padding:clamp(15px,3vw,20px)}.product-card-custom{bottom:clamp(10px,2vw,15px);left:clamp(10px,2vw,15px);position:relative;right:clamp(10px,2vw,15px);top:auto}.hero-memoji{bottom:-45px;height:180px;opacity:.8;right:10px;width:180px}.contributions-grid-only .week-column{gap:4px}.contribution-day,.contributions-grid-only .contribution-day{height:16px;width:16px}.github-contributions-wrapper{height:100px;margin:15px 0 10px}}.text-center{text-align:center}.mb-8{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.skills-category{margin-bottom:30px}.skills-category:last-child{margin-bottom:0}.skills-category-title{color:#1d1d1f;color:var(--text-primary);font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:12px}.skills-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#007aff1a;border:.5px solid #007aff33;border-radius:20px;cursor:default;display:flex;flex-direction:column;gap:2px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.skill-tag:hover{background:#007aff26;border-color:#007aff4d;transform:translateY(-1px)}.skill-name{color:#007aff;color:var(--primary-color);font-size:14px;font-weight:500;letter-spacing:-.01em}.skill-level{color:#86868b;color:var(--text-secondary);font-size:11px;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.skills-tags-simple{display:flex;flex-wrap:wrap;gap:8px}.skill-tag-simple{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#007aff1a;border:.5px solid #007aff33;border-radius:16px;color:#007aff;color:var(--primary-color);cursor:default;font-size:13px;font-weight:500;letter-spacing:-.01em;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.skill-tag-simple:hover{background:#007aff26;border-color:#007aff4d;transform:translateY(-1px)}.dark-theme{background:#000!important;color:#f5f5f7!important}.dark-theme .apple-header{background:#1d1d1fcc;border-bottom:.5px solid #ffffff1a}.dark-theme .apple-nav-item{color:#ffffffb3}.dark-theme .apple-nav-item:hover{color:#ffffffe6}.dark-theme .apple-nav-item.active{color:#64a9ff}.dark-theme .apple-theme-toggle{background:#ffffff1a;color:#ffffffb3}.dark-theme .apple-theme-toggle:hover{background:#ffffff26;color:#ffffffe6}.dark-theme .hero-section,.dark-theme .section{background:#000}.dark-theme .grid-container{background:#0000}.dark-theme .product-card{background:linear-gradient(135deg,#1c1c1e,#2c2c2e);border:.5px solid #ffffff1a}.dark-theme .contributions-grid-only{background:#0000;border:none}.dark-theme .contribution-day.level-0{background:#ffffff0d}.dark-theme .contribution-day.level-1{background:#007aff40}.dark-theme .contribution-day.level-2{background:#007aff73}.dark-theme .contribution-day.level-3{background:#007affbf}.dark-theme .contribution-day.level-4{background:#007aff}.dark-theme .contribution-tooltip{background:#2c2c2ef2;border:1px solid #ffffff1a;color:#f5f5f7}.dark-theme .contribution-tooltip:after{border-top-color:#2c2c2ef2}.dark-theme .product-bg-light{background:linear-gradient(135deg,#1c1c1e,#2c2c2e);color:#f5f5f7}.dark-theme .product-bg-light h2{color:#f5f5f7}.dark-theme .product-bg-light .subtitle{color:#fffc}.dark-theme .product-bg-light .description{color:#ffffffb3}.dark-theme .product-bg-light .btn-apple-primary{background:#ffffff26;border:1px solid #ffffff4d;color:#f5f5f7}.dark-theme .product-bg-light .btn-apple-secondary{background:#0000;border:1px solid #ffffff4d;color:#f5f5f7}.dark-theme .skills-popup-small{background:#1c1c1e;border:.5px solid #ffffff1a}.dark-theme .skills-popup-header h2{color:#f5f5f7}.dark-theme .skills-popup-close{background:#ffffff1a;color:#fffc}.dark-theme .skill-tag-simple{background:#007aff33;border:.5px solid #007aff4d;color:#64a9ff}.content-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.content-transition.transitioning{opacity:0;transform:translateX(-20px)}.content-transition.active{opacity:1;transform:translateX(0)}.content-transition.active .product-card{animation:cardSlideIn .5s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(30px) scale(.96)}.content-transition.active .grid-container>.product-card:first-child{animation-delay:.1s}.content-transition.active .product-grid .product-card:first-child{animation-delay:.2s}.content-transition.active .product-grid .product-card:nth-child(2){animation-delay:.25s}.content-transition.active .grid-container>.product-card:nth-child(3){animation-delay:.3s}.content-transition.transitioning .product-card{opacity:0;transform:translateY(20px) scale(.98);transition:all .2s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:no-preference){@keyframes cardSlideIn{to{opacity:1;transform:translateY(0) scale(1)}}.card-entrance{animation:slideUp .6s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-fade{animation:fadeIn .8s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes popupFromButton{0%{opacity:0;transform:scale(.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}}@media (max-width:560px){.skills-popup{max-width:400px;width:calc(100% - 40px)}.skills-popup-small{max-width:300px;width:calc(100% - 40px)}.skills-popup-header{padding:20px 20px 15px}.skills-popup-header h2{font-size:24px}.skills-popup-content{padding:15px 20px 20px}.skills-category{margin-bottom:25px}.skill-tag{padding:6px 12px}.skill-tag-simple{font-size:12px;padding:5px 10px}}@media (max-width:390px){.apple-header-content{gap:clamp(8px,6vw,12px)}.apple-nav{gap:clamp(8px,4vw,12px)}.apple-nav-item{font-size:clamp(11px,3.5vw,13px);padding:clamp(4px,1vw,6px) 0}.apple-theme-toggle{height:clamp(28px,8vw,32px);width:clamp(28px,8vw,32px)}.apple-theme-toggle svg{height:clamp(12px,3.5vw,14px);width:clamp(12px,3.5vw,14px)}}
/*# sourceMappingURL=main.c65c027f.css.map*/