.home{background-color:#000;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,Arial,sans-serif;display:flex;position:relative}.hero-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:0 24px;display:flex}.hero-name-block{flex-direction:column;align-items:flex-start;margin-bottom:44px;display:inline-flex}.hero-eyebrow{color:#ffffff61;letter-spacing:5px;text-transform:uppercase;margin:0 0 2px;padding-left:4px;font-size:clamp(.7rem,1.2vw,.85rem);font-weight:500}.hero-title{color:#fff;letter-spacing:-3px;text-transform:uppercase;margin:0;font-size:clamp(7.2rem,4.5vw,4rem);font-weight:700;line-height:1}.hero-roles-flip{letter-spacing:5px;text-transform:uppercase;perspective:600px;align-self:flex-end;align-items:center;min-width:19ch;height:1.4em;margin:6px 0 0;font-size:clamp(.65rem,1.2vw,.8rem);font-weight:500;display:flex}.rf-letter{color:#ffffff52;transform-origin:50%;backface-visibility:hidden;will-change:transform,opacity;display:inline-block}.rf-space{flex-shrink:0;width:.5em;display:inline-block}@keyframes rfOut{0%{opacity:1;transform:rotateX(0)}to{opacity:0;transform:rotateX(90deg)}}@keyframes rfIn{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{cursor:pointer;-webkit-backdrop-filter:blur(16px);letter-spacing:.2px;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:13px 32px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f}.btn-primary:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.btn-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.btn-tertiary{color:#1a1a1a;background:#d9d9d9;border:none;border-radius:0;padding:13px 24px}.btn-tertiary-icon{color:#1a1a1a;transition:transform .25s}.btn-tertiary:hover{background:#c9c9c9;transform:translateY(-2px)}.btn-tertiary:hover .btn-tertiary-icon{transform:translate(4px)}.scroll-indicator{letter-spacing:.3px;color:#ffffffa6;-webkit-user-select:none;user-select:none;pointer-events:none;align-items:center;gap:12px;font-size:20px;font-weight:500;animation:1.8s ease-in-out infinite scrollBounce;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-icon{color:#ffffff80;align-items:center;display:inline-flex}@keyframes scrollBounce{0%,to{opacity:.5;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,4px)}}.about-overlay{z-index:2147483647;-webkit-backdrop-filter:blur(10px);box-sizing:border-box;background:#000000eb;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px 12px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.about-flip-scene{perspective:1600px;width:88vw;max-width:1400px}.about-flip-card{width:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,.2,.2,1);position:relative}.about-flip-card.is-flipped{transform:rotateY(180deg)}.about-flip-front{backface-visibility:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff47 #000;background:#0a0a0a;border:1px solid #ffffff12;border-radius:24px;width:100%;max-height:90vh;overflow:hidden auto;box-shadow:0 32px 64px #000000e6}.about-flip-back{backface-visibility:hidden;scrollbar-width:thin;scrollbar-color:#ffffff47 #000;background:#0a0a0a;border:1px solid #ffffff12;border-radius:24px;width:100%;position:absolute;inset:0;overflow-y:auto;transform:rotateY(180deg);box-shadow:0 32px 64px #000000e6}.about-flip-front::-webkit-scrollbar{width:8px}.about-flip-back::-webkit-scrollbar{width:8px}.about-flip-front::-webkit-scrollbar-track{background:#000}.about-flip-back::-webkit-scrollbar-track{background:#000}.about-flip-front::-webkit-scrollbar-thumb{background-color:#ffffff47;border-radius:4px}.about-flip-back::-webkit-scrollbar-thumb{background-color:#ffffff47;border-radius:4px}.about-flip-front::-webkit-scrollbar-thumb:hover{background-color:#ffffff73}.about-flip-back::-webkit-scrollbar-thumb:hover{background-color:#ffffff73}.about-close{color:#ffffff59;cursor:pointer;z-index:20;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:20px;right:24px}.about-close:hover{color:#ffffffe6;transform:rotate(90deg)}.about-back-btn{color:#ffffff59;cursor:pointer;z-index:20;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:500;transition:color .2s,transform .2s;display:inline-flex;position:absolute;top:20px;left:24px}.about-back-btn:hover{color:#ffffffd9;transform:translate(-3px)}.about-body{box-sizing:border-box;flex-direction:column;gap:24px;padding:44px 60px 0;display:flex}.about-heading{color:#fff;letter-spacing:-.3px;margin:0;font-size:1.5rem;font-weight:700}.about-section{flex-direction:column;gap:8px;display:flex}.about-section p{color:#ffffff6b;margin:0;font-size:14px;line-height:1.75}.hl-blue{color:#60a5fa;font-weight:500}.hl-cyan{color:#22d3ee;font-weight:500}.hl-purple{color:#a78bfa;font-weight:500}.hl-green{color:#34d399;font-weight:500}.about-socials{align-items:center;gap:18px;margin-top:20px;display:flex}.social-icon{color:#ffffff47;justify-content:center;align-items:center;text-decoration:none;transition:all .25s;display:flex}.social-icon:hover{color:#ffffffe6;transform:translateY(-2px)}.about-cta-strip{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:8px;padding:24px 0 32px;display:flex}.about-cta-strip-text{color:#ffffff59;margin:0;font-size:13px}.about-cta-strip-buttons{flex-wrap:wrap;gap:10px;display:flex}.cta-btn{cursor:pointer;letter-spacing:.1px;border-radius:0;align-items:center;gap:6px;padding:8px 18px;font-size:12.5px;font-weight:600;transition:background .25s,transform .25s,box-shadow .25s;display:inline-flex}.cta-primary,.cta-teal,.cta-purple{color:#1a1a1a;background:#d9d9d9;border:none}.cta-primary:hover,.cta-teal:hover,.cta-purple:hover{background:#c9c9c9;transform:translateY(-3px)}.cta-btn svg{transition:transform .25s}.cta-primary:hover svg,.cta-teal:hover svg,.cta-purple:hover svg{transform:scale(1.15)rotate(-10deg)}.cert-body{box-sizing:border-box;flex-direction:column;gap:24px;padding:82px 60px 48px;display:flex}.cert-heading{color:#fff;letter-spacing:-.3px;margin:0;font-size:1.5rem;font-weight:700}.cert-sub-text{color:#ffffff61;margin:-14px 0 0;font-size:14px;line-height:1.6}.cert-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.cert-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:0;flex-direction:column;gap:10px;padding:22px 24px;transition:border-color .2s,background .2s;display:flex}.cert-card:hover{background:#ffffff12;border-color:#ffffff24}.cert-badge{letter-spacing:.8px;text-transform:uppercase;border-radius:0;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.cert-badge.microsoft{color:#60b4ff;background:#0078d426;border:1px solid #0078d44d}.cert-badge.google{color:#34d399;background:#34d3991f;border:1px solid #34d3994d}.cert-name{color:#ffffffe0;margin:0;font-size:15px;font-weight:600;line-height:1.4}.cert-sub{color:#ffffff59;margin:0;font-size:13px}.cert-score-row{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.cert-score{color:#fff;letter-spacing:-.5px;flex-shrink:0;font-size:26px;font-weight:700;line-height:1}.cert-score span{color:#ffffff4d;margin-left:3px;font-size:13px;font-weight:400}.cert-no-score{color:#ffffff47;flex-shrink:0;margin:0;font-size:12px;font-style:italic;line-height:1.5}.cert-img-link{border:1px solid #ffffff1a;border-radius:0;flex-shrink:0;width:64px;height:64px;text-decoration:none;transition:border-color .2s,transform .2s;display:block;overflow:hidden}.cert-img-link:hover{border-color:#ffffff47;transform:scale(1.06)}.cert-img-link img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:6px;display:block}.about-animate .about-flip-card:not(.is-flipped) .about-flip-front{animation:.4s cubic-bezier(.16,1,.3,1) forwards modalIn}@keyframes modalIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1024px){.about-flip-scene{width:92vw}.about-body,.resume-body{padding:36px 40px 0}.cert-body{padding:44px 40px 40px}}@media (max-width:768px){.hero-title{letter-spacing:-1px}.hero-eyebrow{letter-spacing:3px}.btn{width:100%;max-width:300px}.hero-actions{flex-direction:column;align-items:center}.about-flip-scene{width:95vw}.about-body,.resume-body{gap:18px;padding:28px 24px 0}.cert-body{padding:36px 24px 28px}.about-cta-strip{flex-direction:column;align-items:center;padding-bottom:28px}.about-cta-strip-buttons{justify-content:center;width:100%}.cta-btn{flex:1;justify-content:center}.cert-grid{grid-template-columns:1fr}.scroll-indicator{bottom:18px}.hero-roles-flip{letter-spacing:3px;font-size:.6rem}}@media (max-width:480px){.about-body,.resume-body{padding:22px 18px 0}.cert-body{padding:28px 18px 22px}.about-heading,.resume-heading,.cert-heading{font-size:1.3rem}}.resume-scene{width:85vw;max-width:720px}.resume-card{flex-direction:column;height:82vh;max-height:82vh;display:flex;overflow:hidden!important}.resume-body{box-sizing:border-box;flex-direction:column;flex:1;padding:30px 40px 0;display:flex;overflow:hidden!important}.resume-heading{font-size:1.25rem}.resume-cta-strip{padding:20px 0 25px}.resume-preview-container{background:#fff;border-radius:12px;flex:1;width:100%;margin-top:12px;border:none!important;overflow:hidden!important}.resume-iframe{width:100%;height:100%;display:block;scrollbar-width:none!important;-ms-overflow-style:none!important;border:none!important}.resume-iframe::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.about-animate .resume-card{animation:.4s cubic-bezier(.16,1,.3,1) forwards modalIn}@media (max-width:980px){.home{padding:16px}.hero-title{letter-spacing:-1.5px;font-size:3.4rem}.hero-roles-flip{letter-spacing:3.5px;font-size:.7rem}.about-flip-scene{width:92vw}.about-body,.resume-body{padding:36px 40px 0}.cert-body{padding:44px 40px 40px}.cert-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hero-content{padding:0 12px}.hero-name-block{align-items:center;margin-bottom:32px}.hero-title{letter-spacing:-.5px;font-size:2.2rem}.hero-eyebrow{letter-spacing:3px}.hero-roles-flip{letter-spacing:3px;align-self:center;min-width:0;font-size:.6rem}.hero-actions{flex-direction:column;align-items:center;width:100%}.btn{width:100%;max-width:300px}.about-flip-scene,.resume-scene{width:95vw}.about-flip-front{max-height:88vh}.about-body,.resume-body{gap:18px;padding:28px 24px 0}.cert-body{padding:36px 24px 28px}.cert-grid{grid-template-columns:1fr}.about-cta-strip{flex-direction:column;align-items:center;padding-bottom:28px}.about-cta-strip-buttons{justify-content:center;width:100%}.cta-btn{flex:1;justify-content:center}.resume-card{height:78vh;max-height:78vh}.scroll-indicator{bottom:18px}}@media (max-width:400px){.hero-title{font-size:1.8rem}.hero-roles-flip{letter-spacing:2px;font-size:.52rem}.about-body,.resume-body{padding:22px 18px 0}.cert-body{padding:28px 18px 22px}.about-heading,.resume-heading,.cert-heading{font-size:1.3rem}.resume-card{height:74vh;max-height:74vh}}@media (max-width:360px){.home{padding:12px}.hero-eyebrow{letter-spacing:2px;font-size:.58rem}.hero-title{letter-spacing:-.3px;font-size:1.5rem}.hero-roles-flip{letter-spacing:1.5px;font-size:.46rem}.hero-actions{gap:10px}.btn{padding:11px 20px;font-size:13px}.about-overlay{padding:14px 8px}.about-flip-scene,.resume-scene{width:97vw}.about-flip-front{border-radius:16px;max-height:92vh}.about-close,.about-back-btn{top:12px}.about-close{right:12px}.about-back-btn{font-size:12px;left:12px}.about-body,.resume-body{gap:14px;padding:42px 14px 0}.about-heading,.resume-heading,.cert-heading{font-size:1.05rem}.about-section p{font-size:12.5px;line-height:1.6}.about-socials{gap:14px;margin-top:14px}.about-cta-strip,.resume-cta-strip{gap:12px;padding:16px 0 18px}.about-cta-strip-text{font-size:12px}.cta-btn{width:100%;padding:9px 14px;font-size:11.5px}.cert-body{gap:16px;padding:42px 14px 18px}.cert-sub-text{margin-top:-8px;font-size:12px}.cert-card{padding:16px}.cert-score{font-size:20px}.cert-img-link{width:52px;height:52px}.resume-card{height:70vh;max-height:82vh}.scroll-indicator{gap:8px;font-size:15px;bottom:12px}}
