:root{--color-1-red:#000;--color-2-orange:#000;--color-3-yellow:#000;--color-4-green:#000;--color-5-blue:#061fd4;--color-6-indigo:#101496;--text-light:#f3f4f6;--glass-bg:#ffffff14;--glass-border:#ffffff26;color:var(--text-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:Inter,system-ui,-apple-system,sans-serif}body{margin:0;padding:0;overflow-x:hidden}main{background:linear-gradient(to bottom, var(--color-1-red), var(--color-2-orange), var(--color-3-yellow), var(--color-4-green), var(--color-5-blue), var(--color-6-indigo),  #000 )}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 10px 30px #0003}nav.glass{-webkit-backdrop-filter:blur(32px)saturate(200%)brightness(1.1);background:linear-gradient(#bedcff38 0%,#64a0ff12 100%);border:1px solid #ffffff80;border-bottom-color:#b4d2ff2e;border-radius:50px;position:relative;overflow:hidden;box-shadow:0 8px 48px #1e64ff2e,0 2px 10px #00000047,inset 0 1px #ffffffbf,inset 0 -1px #b4d2ff1a}nav.glass:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff6b 0%,#fff0 100%);border-radius:0 0 100% 100%;height:48%;position:absolute;top:0;left:8%;right:8%}nav.glass>*{z-index:1;position:relative}nav.glass a{border-radius:22px;padding:6px 16px;transition:background .2s,box-shadow .2s}nav.glass a:hover{background:#ffffff2e;box-shadow:inset 0 1px #ffffff80}.logo-initials{letter-spacing:3px;color:#fff;text-shadow:0 1px 4px #0000004d;background:linear-gradient(135deg,#b4dcff61 0%,#5a96ff2e 100%);border:1px solid #ffffffa6;border-bottom-color:#b4d2ff33;border-radius:50px;padding:6px 18px;font-family:Comfortaa,cursive;font-size:1rem;font-weight:700;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffbf,0 4px 20px #1e64ff38,0 1px 4px #00000040}.logo-initials:before{content:"";pointer-events:none;background:linear-gradient(#ffffff80 0%,#fff0 100%);border-radius:0 0 100% 100%;height:52%;position:absolute;top:0;left:10%;right:10%}section{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:80px 40px;display:flex;position:relative;background-color:#0000!important}h1{letter-spacing:-4px;margin:0;font-size:clamp(4rem,10vw,8rem);font-weight:900}h2{letter-spacing:-2px;color:#fff;margin-top:0;margin-bottom:2rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}h3{color:#fff;margin-top:0;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}p{color:#ffffffd9;margin:0;font-size:1.15rem;font-weight:400;line-height:1.6}.font-light{opacity:.8;font-weight:300}.font-bold{color:#fff;font-weight:600}.night-sky{background:#000;width:100%;height:100vh;position:relative;overflow:hidden}.star{opacity:0;background-color:#fff;border-radius:50%;animation:4s forwards fadeTwinkle;position:absolute}@keyframes fadeTwinkle{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.footer-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;box-sizing:border-box;background:#ffffff1a;flex-direction:column;align-items:center;width:100%;padding:60px 5% 40px;display:flex}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;width:100%;max-width:1200px;margin-bottom:40px;display:grid}.footer-column h4{text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:20px;font-size:.9rem;font-weight:700}.footer-column ul{margin:0;padding:0;list-style:none}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:#ffffffb3;word-break:break-word;font-size:.95rem;text-decoration:none;transition:color .3s}.footer-column ul li a:hover{color:#fff}.footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1a;width:100%;max-width:1200px;padding-top:30px;font-size:.8rem}@media (hover:none){.skill-name{opacity:1;font-size:.62rem;transform:translateY(0)}.skill-card:active{box-shadow:0 16px 36px var(--brand-color), inset 0 1px 0 #ffffffa6;background:radial-gradient(at 50% 0,#ffffff8c 0%,#0000 52%),#ffffff2e;transition:transform .1s;transform:scale(.93)}.glass:active{opacity:.88}.fusion-image-card:active .fusion-overlay{background:#000a1e52}.fusion-image-card:active .fusion-cta{opacity:1;transform:translateY(0)scale(1)}.contact-buttons a:active{opacity:.85;transform:scale(.96)}}@media (width<=768px){h1{letter-spacing:-1px;font-size:clamp(2.8rem,11vw,4rem)}h2{letter-spacing:-1px;margin-bottom:1.2rem;font-size:clamp(1.8rem,8vw,2.5rem)}h3{font-size:1.3rem}p{font-size:1rem}section{min-height:auto;padding:50px 20px}nav.glass{width:92%!important;height:54px!important;padding:0 16px!important}.nav-links{gap:2px!important;font-size:.82rem!important}.nav-links a{padding:4px 8px!important}.hero-section{min-height:100svh;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:0!important;padding-top:90px!important}.hero-text{width:100%;text-align:center!important;flex:none!important;padding-left:0!important;padding-right:0!important}.hero-canvas-wrapper{flex:none!important;width:100%!important;height:42vh!important}.about-section{flex-direction:column!important;gap:24px!important}.about-canvas-wrapper{flex:none!important;width:100%!important;height:260px!important}.about-text-card{box-sizing:border-box;width:100%;min-width:unset!important;padding:28px!important}.projects-grid{grid-template-columns:1fr!important;gap:20px!important;width:100%!important}.experience-layout{gap:28px}.experience-php-img{width:90%!important;max-width:320px!important}.experience-layout .glass{padding:28px!important}.contact-glass-card{box-sizing:border-box;width:90%;border-radius:28px!important;padding:36px 24px!important}.contact-buttons{flex-wrap:wrap!important;gap:12px!important}.contact-buttons a{text-align:center;box-sizing:border-box;touch-action:manipulation;flex:calc(50% - 12px);min-width:110px;border-radius:16px!important;padding:14px 20px!important}.skills-container{gap:12px!important;padding:10px!important}.skill-card{width:84px!important;height:84px!important}.skill-card img{width:38px!important}.night-sky{flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:60vh;padding:60px 20px;display:flex}.night-sky h1{letter-spacing:-.5px;letter-spacing:0;font-size:clamp(1.5rem,7vw,2.2rem)!important}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-container{padding:40px 20px 30px}}@media (width<=420px){.footer-grid{grid-template-columns:1fr;gap:20px}.contact-buttons a{flex:100%}.skill-card{width:72px!important;height:72px!important}.skill-card img{width:32px!important}h1{font-size:clamp(2.2rem,10vw,3rem)}.hero-canvas-wrapper{height:36vh!important}.about-canvas-wrapper{height:220px!important}}@keyframes floating{0%{transform:translateY(0)}to{transform:translateY(-30px)}}@keyframes rgbPulse{0%{background:radial-gradient(#ff00788c 0%,#0000 70%)}25%{background:radial-gradient(#5000ff8c 0%,#0000 70%)}50%{background:radial-gradient(#00c8ff8c 0%,#0000 70%)}75%{background:radial-gradient(#00ff788c 0%,#0000 70%)}to{background:radial-gradient(#ff00788c 0%,#0000 70%)}}.rgb-glow{z-index:0;pointer-events:none;animation:6s ease-in-out infinite rgbPulse;position:absolute;inset:0}img[src*=phpg],.php-floating{animation:4s ease-in-out infinite alternate floating}.experience-layout{justify-content:space-between;align-items:center;gap:80px;width:90%;max-width:1200px;display:flex}@media (width<=1024px){.experience-layout{text-align:center;flex-direction:column}}.skills-container{flex-wrap:wrap;justify-content:center;gap:20px;width:90%;max-width:1000px;padding:20px;display:flex}.tilt-wrapper{justify-content:center;align-items:center;display:flex}.skill-card{aspect-ratio:1;cursor:pointer;width:100px;height:100px;transform-style:preserve-3d;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;transition:box-shadow .4s cubic-bezier(.175,.885,.32,1.275),background .4s;display:flex;position:relative}.skill-card.glass{background:radial-gradient(at 50% 0,#ffffff6b 0%,#0000 58%),linear-gradient(160deg,#b4dcff29 0%,#508cff0f 100%);border:1px solid #ffffff47;box-shadow:0 8px 24px #00000047,inset 0 1px #ffffff8c}.skill-card:before{content:"";animation:5s ease-in-out infinite shimmerSweep;animation-delay:var(--shimmer-delay,0s);pointer-events:none;z-index:2;background:linear-gradient(108deg,#0000 22%,#ffffff47 42%,#ffffff14 54%,#0000 68%) 160% 0/300% 100%;border-radius:22px;position:absolute;inset:0}.skill-card:after{content:"";background:var(--brand-color);filter:blur(22px);opacity:.2;z-index:-1;width:45px;height:45px;animation:3s ease-in-out infinite glowBreathe;animation-delay:var(--float-delay,0s);position:absolute;transform:translateZ(-10px)}.inner-content{z-index:3;flex-direction:column;align-items:center;display:flex;position:relative;transform:translateZ(40px)}.skill-card img{filter:drop-shadow(0 8px 12px #00000059);width:50px;height:auto;margin-bottom:8px}.skill-name{opacity:0;font-size:.7rem;font-weight:600;transition:all .3s;transform:translateY(10px)}.skill-card:hover{box-shadow:0 20px 40px var(--brand-color), 0 0 60px #78b4ff2e, inset 0 1px 0 #ffffffb3;background:radial-gradient(at 50% 0,#ffffff94 0%,#0000 52%),#fff3}.skill-card:hover .skill-name{opacity:1;transform:translateY(0)}@keyframes shimmerSweep{0%,20%{background-position:160% 0}50%,to{background-position:-60% 0}}@keyframes glowBreathe{0%,to{opacity:.18;filter:blur(22px);transform:translateZ(-10px)scale(1)}50%{opacity:.55;filter:blur(32px);transform:translateZ(-10px)scale(1.7)}}@keyframes skillFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1)}}.fusion-image-card{cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(180%);background:radial-gradient(at 50% 0,#ffffff61 0%,#0000 55%),linear-gradient(160deg,#b4dcff24 0%,#508cff0d 100%);border:1px solid #ffffff47;border-radius:24px;text-decoration:none;transition:transform .45s cubic-bezier(.175,.885,.32,1.275),box-shadow .45s,border-color .45s;display:block;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000052,inset 0 1px #ffffff8c,inset 0 -1px #b4d2ff1a}.fusion-image-card:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff61 0%,#fff0 100%);border-radius:0 0 100% 100%;height:44%;transition:opacity .3s;position:absolute;top:0;left:6%;right:6%}.fusion-image-card:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(108deg,#0000 22%,#ffffff38 42%,#ffffff0f 54%,#0000 68%) 160% 0/300% 100%;border-radius:24px;animation:6s ease-in-out infinite shimmerSweep;position:absolute;inset:0}.fusion-image-card img{object-fit:cover;border-radius:24px;width:100%;height:100%;transition:transform .45s;display:block}.fusion-overlay{z-index:4;background:0 0;border-radius:24px;justify-content:center;align-items:center;transition:background .35s;display:flex;position:absolute;inset:0}.fusion-cta{color:#fff;letter-spacing:.5px;opacity:0;-webkit-backdrop-filter:blur(12px);text-shadow:0 1px 4px #0000004d;background:linear-gradient(135deg,#b4dcff59 0%,#508cff2e 100%);border:1px solid #ffffff8c;border-radius:50px;padding:10px 28px;font-size:1rem;font-weight:600;transition:opacity .35s,transform .35s cubic-bezier(.34,1.56,.64,1);transform:translateY(12px)scale(.92);box-shadow:inset 0 1px #ffffffa6,0 8px 24px #1e64ff40}.fusion-image-card:hover{border-color:#ffffff80;transform:scale(1.03)translateY(-8px);box-shadow:0 28px 56px #0006,0 0 48px #8cc8ff38,inset 0 1px #ffffffbf,inset 0 -1px #b4d2ff26}.fusion-image-card:hover img{transform:scale(1.06)}.fusion-image-card:hover .fusion-overlay{background:#000a1e52}.fusion-image-card:hover .fusion-cta{opacity:1;transform:translateY(0)scale(1)}.fusion-image-card:hover:before{opacity:1.4}.reveal,.reveal-left,.reveal-right{transition-property:opacity,transform;transition-duration:.85s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.reveal{opacity:0;transform:translateY(55px)}.reveal-left{opacity:0;transform:translate(-65px)}.reveal-right{opacity:0;transform:translate(65px)}.reveal.is-visible,.reveal-left.is-visible,.reveal-right.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.14s}.reveal-delay-2{transition-delay:.28s}.reveal-delay-3{transition-delay:.44s}.skill-item{opacity:0;transition:opacity .6s cubic-bezier(.34, 1.56, .64, 1) var(--stagger,0s), transform .6s cubic-bezier(.34, 1.56, .64, 1) var(--stagger,0s);flex:none;transform:translateY(25px)scale(.92)}.skill-item.is-visible{opacity:1;animation:3.2s ease-in-out infinite skillFloat;animation-delay:calc(var(--stagger,0s) + .7s - var(--float-delay,0s));transform:translateY(0)scale(1)}