:root{--smoky-black: #fafbf7;--accent: #587D34;--accent-soft: #587D34;--accent-2: #587D34;--accent-glow: rgba(88, 125, 52, .25);--white-1: #0f172a;--white-2: #334155;--light-gray: #64748b;--light-gray-70: #64748b;--text-gradient-yellow: linear-gradient(90deg, #587D34 0%, #65a30d 100%);--ff-poppins: "Plus Jakarta Sans", "Poppins", system-ui, sans-serif;--ff-display: "Plus Jakarta Sans", system-ui, sans-serif;--fs-1: var(--t-xl);--fs-2: var(--t-lg);--fs-3: var(--t-lg);--fs-4: var(--t-md);--fs-5: var(--t-md);--fs-6: var(--t-sm);--fs-7: var(--t-sm);--fs-8: var(--t-xs);--fw-500: 500;--fw-600: 600;--shadow-1: 0 6px 20px rgba(15, 23, 42, .08);--shadow-2: 0 14px 34px rgba(15, 23, 42, .08);--shadow-3: 0 18px 44px rgba(15, 23, 42, .08);--shadow-4: 0 26px 60px rgba(15, 23, 42, .08);--transition-1: .28s cubic-bezier(.4, .14, .3, 1)}a{text-decoration:none}li{list-style:none}img,ion-icon,a,button,time,span{display:block}button{font:inherit;background:none;border:none;text-align:left;cursor:pointer}input,textarea{display:block;width:100%;background:none;font:inherit}article{display:none}.h2,.h3,.h4{color:var(--white-2);text-transform:capitalize}.h2{font-size:var(--fs-1)}.h3{font-size:var(--fs-2)}.h4{font-size:var(--fs-4)}.article-title{position:relative;padding-bottom:20px;margin-bottom:20px}.article-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:5px;background:var(--text-gradient-yellow);border-radius:3px}.project-img{width:100%;height:200px;border-radius:16px;overflow:hidden;margin-bottom:15px;position:relative}.project-img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1;transition:var(--transition-1)}.project-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition-1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--ff-poppins, system-ui, sans-serif);scroll-behavior:smooth}body{background:var(--smoky-black, #0b0d17);color:var(--white-2, #eceef6);min-height:100vh;overflow-x:hidden}@media(max-width:450px){.h2,.h3{font-size:var(--fs-2)}.h4{font-size:var(--fs-5)}.article-title{margin-bottom:20px}.project-img{border-radius:12px}}body:before,body:after{content:"";position:fixed;z-index:-2;border-radius:50%;filter:blur(110px);pointer-events:none;will-change:transform}@keyframes aurora-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(8vw,10vh,0) scale(1.18)}}@keyframes aurora-b{0%{transform:translateZ(0) scale(1.1)}to{transform:translate3d(-9vw,-8vh,0) scale(1)}}html,body{font-family:var(--ff-poppins);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.h2,.h3,.h4{font-family:var(--ff-display);letter-spacing:-.015em}.h2{font-weight:var(--fw-600)}::selection{background:#587d3459;color:var(--white-1)}article.active{display:block;animation:page-in .6s cubic-bezier(.22,1,.36,1) both}@keyframes page-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}article.active>*{animation:rise .6s cubic-bezier(.22,1,.36,1) both}article.active>*:nth-child(1){animation-delay:.04s}article.active>*:nth-child(2){animation-delay:.1s}article.active>*:nth-child(3){animation-delay:.16s}article.active>*:nth-child(4){animation-delay:.22s}article.active>*:nth-child(5){animation-delay:.28s}article.active>*:nth-child(6){animation-delay:.34s}article.active>*:nth-child(7){animation-delay:.4s}article.active>*:nth-child(8){animation-delay:.46s}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.article-title{font-size:var(--fs-1)}.article-title:after{width:48px;height:4px;background:var(--text-gradient-yellow);border-radius:99px;box-shadow:0 0 18px var(--accent-glow);animation:draw-bar .7s .2s cubic-bezier(.22,1,.36,1) both}@keyframes draw-bar{0%{width:0;opacity:0}to{width:48px;opacity:1}}.tilt-3d{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow var(--transition-1),border-color var(--transition-1);will-change:transform}.tilt-3d.is-tilting{transition:transform .08s linear,box-shadow var(--transition-1),border-color var(--transition-1);box-shadow:var(--shadow-4),0 0 0 1px #587d3438}.tilt-3d:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--transition-1);background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),rgba(88,125,52,.13),transparent 60%)}.tilt-3d.is-tilting:after{opacity:1}.tilt-3d>*{transform:translateZ(28px)}@keyframes spin{to{transform:rotate(1turn)}}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px;border-radius:6px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(#587d34,#587d34);border-radius:99px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#587d34,#587d34);background-clip:padding-box}:root{--t-xs: .75rem;--t-sm: .875rem;--t-md: 1rem;--t-lg: 1.125rem;--t-xl: 1.375rem;--r-sm: 8px;--r-card: 24px;--r-pill: 9999px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.tilt-3d{transform:none!important}}.page-header{margin-bottom:28px}.badge-pill{display:inline-flex;align-items:center;gap:8px;background:#587d3414;border:1px solid rgba(88,125,52,.22);color:var(--accent-soft);padding:6px 14px;border-radius:99px;font-size:var(--fs-8);font-weight:var(--fw-500);margin-bottom:12px;box-shadow:0 0 15px #587d341a}.about-hero-card{background:linear-gradient(145deg,#f1f5f9,#fff);border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:34px;margin-bottom:32px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;box-shadow:var(--shadow-2);position:relative;overflow:hidden}.about-hero-card:before{content:"";position:absolute;top:-40px;right:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(88,125,52,.18) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-greeting{margin-bottom:14px}.greeting-line{font-size:var(--fs-7);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);font-weight:var(--fw-600);display:block;margin-bottom:6px}.hero-tagline{font-size:clamp(1.4rem,2.2vw,1.85rem);line-height:1.35;color:var(--white-1);font-family:var(--ff-display)}.hero-description{color:var(--light-gray);line-height:1.7;font-size:var(--fs-6);margin-bottom:20px}.hero-highlights{display:flex;flex-wrap:wrap;gap:10px}.highlight-badge{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid rgba(15,23,42,.08);padding:6px 12px;border-radius:10px;font-size:var(--fs-8);color:var(--white-2)}.hero-3d-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.orb-caption{font-size:var(--t-xs);color:var(--light-gray-70);margin-top:8px;letter-spacing:.04em}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:38px}.metric-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:22px;display:flex;align-items:flex-start;gap:16px;box-shadow:var(--shadow-1);transition:transform var(--transition-1),border-color var(--transition-1),box-shadow var(--transition-1)}.metric-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon-box.cyan,.metric-icon-box.violet{background:#587d341f;color:#587d34;border:1px solid rgba(88,125,52,.25)}.metric-icon-box.emerald{background:#10bc831f;color:#34d399;border:1px solid hsla(160,84%,40%,.25)}.metric-info .metric-number{font-family:var(--ff-display);font-size:var(--fs-5);font-weight:var(--fw-600);color:var(--white-1);display:block;margin-bottom:2px}.metric-info .metric-title{font-size:var(--fs-7);color:var(--white-2);margin-bottom:4px}.metric-info .metric-desc{font-size:var(--t-xs);color:var(--light-gray-70);line-height:1.45}.section-block{margin-bottom:42px}.section-header-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px}.section-title{font-family:var(--ff-display);font-size:var(--fs-3);color:var(--white-1);margin:0}.section-subtitle{font-size:var(--fs-8);color:var(--light-gray-70)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.service-icon-wrapper{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.service-custom-img{width:42px;height:42px;object-fit:contain}.service-lucide-icon{color:var(--accent-soft)}.service-tag{font-size:var(--t-xs);color:var(--light-gray);background:#f1f5f9;border:1px solid rgba(15,23,42,.08);padding:4px 10px;border-radius:99px;font-weight:var(--fw-500)}.service-card-title{font-size:var(--fs-5);color:var(--white-1);margin-bottom:8px}.service-card-desc{font-size:var(--fs-7);color:var(--light-gray);line-height:1.6}.timeline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.timeline-card-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.timeline-badge-icon{width:44px;height:44px;border-radius:12px;background:#587d341f;color:#587d34;border:1px solid rgba(88,125,52,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-badge-icon.violet{background:#587d341f;color:#587d34;border-color:#587d3440}.timeline-period{font-size:var(--t-xs);color:var(--accent-2);font-weight:var(--fw-600);display:block}.timeline-card-heading{font-size:var(--fs-6);color:var(--white-1);margin:0}.timeline-card-place{font-size:var(--fs-7);color:var(--accent-soft);font-weight:var(--fw-500);margin-bottom:8px}.timeline-card-detail{font-size:var(--fs-7);color:var(--light-gray);line-height:1.6}.toolkit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.toolkit-chip{background:#f1f5f9;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;transition:transform var(--transition-1),border-color var(--transition-1),background var(--transition-1)}.tech-dot{width:8px;height:8px;border-radius:50%;margin-bottom:2px}.tech-name{font-size:var(--fs-7);font-weight:var(--fw-600);color:var(--white-1)}.tech-category{font-size:var(--t-xs);color:var(--light-gray-70)}.connect-bento{background:linear-gradient(135deg,#587d3426,#587d341a),#fff;border:1px solid rgba(88,125,52,.2);border-radius:20px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.connect-heading{font-size:var(--fs-5);color:var(--white-1);margin-bottom:4px}.connect-text{font-size:var(--fs-7);color:var(--light-gray);margin:0}.connect-bento-actions{display:flex;gap:12px;flex-shrink:0}.connect-btn{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid rgba(15,23,42,.08);color:var(--white-1);padding:10px 18px;border-radius:12px;font-size:var(--fs-7);font-weight:var(--fw-500);transition:transform .2s,background .2s,border-color .2s}.connect-btn:hover{transform:translateY(-2px);background:#587d3433;border-color:var(--accent-soft);color:var(--white-1)}.btn-inline-icon{width:16px;height:16px}.portfolio-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.filter-pill-group{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid rgba(15,23,42,.08);color:var(--light-gray);padding:8px 16px;border-radius:99px;font-size:var(--fs-7);font-weight:var(--fw-500);cursor:pointer;transition:all .25s ease}.filter-btn:hover{color:var(--white-1);background:#587d341f;border-color:#587d3440}.project-search-box{position:relative;min-width:240px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--light-gray-70);pointer-events:none}.project-search-input{width:100%;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:99px;padding:8px 16px 8px 38px;font-size:var(--fs-7);color:var(--white-1);outline:none;transition:border-color .2s,box-shadow .2s}.project-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #587d342e}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.project-card-3d{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-2);display:flex;flex-direction:column;transition:transform var(--transition-1),border-color var(--transition-1),box-shadow var(--transition-1)}.project-card-3d:hover{border-color:#587d344d;box-shadow:var(--shadow-4)}.project-img-container{position:relative;height:200px;overflow:hidden;background:#fff}.project-img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.project-card-3d:hover .project-img{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#090d1633,#090d16d9);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.project-card-3d:hover .project-overlay{opacity:1}.overlay-actions{display:flex;gap:10px}.overlay-btn{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid rgba(15,23,42,.08);color:var(--white-1);padding:8px 14px;border-radius:10px;font-size:var(--fs-8);font-weight:var(--fw-500);transition:transform .2s,background .2s}.overlay-btn.primary{background:var(--accent);color:#fff;font-weight:var(--fw-600);border:none}.overlay-btn:hover{transform:translateY(-2px)}.featured-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#587d34,#587d34);color:#fff;font-size:var(--t-xs);font-weight:var(--fw-600);padding:3px 10px;border-radius:99px;box-shadow:0 4px 12px #587d344d}.project-info-body{padding:22px;display:flex;flex-direction:column;flex:1}.project-cat-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.project-category-pill{font-size:var(--t-xs);color:var(--accent-2);background:#587d341a;border:1px solid rgba(88,125,52,.2);padding:2px 8px;border-radius:6px;font-weight:var(--fw-500)}.mobile-preview-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-xs);color:var(--accent-soft);background:#587d341a;border:1px solid rgba(88,125,52,.2);padding:2px 8px;border-radius:6px;transition:color .2s}.project-main-title{font-size:var(--fs-5);color:var(--white-1);font-family:var(--ff-display);margin-bottom:4px}.project-subtitle-text{font-size:var(--fs-7);color:var(--white-2);font-weight:var(--fw-500);margin-bottom:8px}.project-desc-text{font-size:var(--fs-8);color:var(--light-gray);line-height:1.55;margin-bottom:14px;flex:1}.project-tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.project-tech-tag{font-size:var(--t-xs);background:#f1f5f9;border:1px solid rgba(15,23,42,.08);color:var(--light-gray);padding:2px 8px;border-radius:6px}.project-card-footer{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(15,23,42,.08)}.card-action-link{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-8);font-weight:var(--fw-500);color:var(--light-gray);transition:color .2s}.card-action-link.live{color:var(--accent-soft)}.card-action-link:hover{color:var(--white-1)}.no-projects-found{grid-column:1 / -1;text-align:center;padding:50px 20px;color:var(--light-gray)}.reset-filter-btn{margin-top:12px;background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:10px;font-weight:var(--fw-600);cursor:pointer}.skills-overview-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:16px 20px;margin-bottom:30px}.overview-item{display:flex;align-items:center;gap:10px;font-size:var(--fs-7);color:var(--white-1);font-weight:var(--fw-500)}.skill-groups-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.skill-group-card-3d{border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:26px;box-shadow:var(--shadow-2)}.skill-group-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.skill-group-icon{width:44px;height:44px;border-radius:12px;background:#f1f5f9;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-group-title{font-size:var(--fs-5);color:var(--white-1);font-family:var(--ff-display);margin-bottom:4px}.skill-group-desc{font-size:var(--fs-8);color:var(--light-gray);line-height:1.5}.skills-progress-list{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.skill-meta-row{display:flex;justify-content:space-between;margin-bottom:6px;font-size:var(--fs-7)}.skill-name{color:var(--white-2);font-weight:var(--fw-500)}.skill-pct{color:var(--accent-2);font-weight:var(--fw-600)}.progress-bar-bg{height:6px;background:#f1f5f9;border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:99px;transition:width 1s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 10px #587d3459}.skill-badges-footer{display:flex;flex-wrap:wrap;gap:6px;padding-top:14px;border-top:1px solid rgba(15,23,42,.08)}.competency-badge{font-size:var(--t-xs);color:var(--light-gray-70);background:#f1f5f9;border:1px solid rgba(15,23,42,.08);padding:3px 8px;border-radius:6px}.achievement-highlights-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:20px;margin-bottom:30px}.highlight-item{display:flex;align-items:center;gap:12px}.highlight-item strong{display:block;font-size:var(--fs-6);color:var(--white-1)}.highlight-item p{font-size:var(--t-xs);color:var(--light-gray-70);margin:0}.achievements-card-list{display:flex;flex-direction:column;gap:24px}.achievement-item-3d{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:260px 1fr;box-shadow:var(--shadow-2);transition:transform var(--transition-1),border-color var(--transition-1),box-shadow var(--transition-1)}.achievement-item-3d:hover{border-color:#587d344d;box-shadow:var(--shadow-4)}.achievement-img-wrapper{position:relative;background:#fff;overflow:hidden}.achievement-media{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.achievement-item-3d:hover .achievement-media{transform:scale(1.04)}.achievement-tag-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:4px;background:#fff;backdrop-filter:blur(8px);border:1px solid rgba(15,23,42,.08);padding:3px 8px;border-radius:99px;font-size:var(--t-xs);color:var(--white-1)}.achievement-details{padding:26px;display:flex;flex-direction:column}.achievement-top-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.achievement-category-pill{font-size:var(--t-xs);font-weight:var(--fw-600);border:1px solid;padding:2px 10px;border-radius:99px}.achievement-date{display:flex;align-items:center;gap:6px;font-size:var(--t-xs);color:var(--light-gray-70)}.achievement-title-text{font-size:var(--fs-4);color:var(--white-1);font-family:var(--ff-display);margin-bottom:8px}.achievement-desc-text{font-size:var(--fs-7);color:var(--light-gray);line-height:1.6;margin-bottom:16px;flex:1}.achievement-footer-row{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(15,23,42,.08)}.achievement-metric-tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-8);color:var(--white-2);font-weight:var(--fw-500)}.verify-link-btn{display:inline-flex;align-items:center;gap:6px;background:#587d341f;border:1px solid rgba(88,125,52,.25);color:var(--accent-soft);padding:6px 14px;border-radius:8px;font-size:var(--fs-8);font-weight:var(--fw-500);transition:transform .2s,background .2s}.verify-link-btn:hover{transform:translateY(-2px);background:#587d3438}.resume-header-row{display:flex;align-items:center;justify-content:space-between}.resume-actions-top{display:flex;align-items:center;gap:10px}.download-btn-3d{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#587d34 0% 100%);color:#fff;font-weight:var(--fw-600);font-size:var(--fs-7);padding:10px 20px;border-radius:12px;border:none;box-shadow:0 8px 24px #587d3459;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.download-btn-3d:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 30px #587d3473}.open-tab-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#f1f5f9;border:1px solid rgba(15,23,42,.08);border-radius:12px;color:var(--light-gray);transition:color .2s,background .2s}.open-tab-btn:hover{color:var(--white-1);background:#587d3426}.resume-summary-card{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:22px;margin-bottom:28px}.summary-block{display:flex;align-items:flex-start;gap:14px}.summary-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon.cyan,.summary-icon.violet{background:#587d341f;color:#587d34;border:1px solid rgba(88,125,52,.25)}.summary-icon.emerald{background:#10bc831f;color:#34d399;border:1px solid hsla(160,84%,40%,.25)}.summary-title{font-size:var(--fs-7);color:var(--white-2);margin-bottom:2px}.summary-sub{font-size:var(--fs-6);font-weight:var(--fw-600);color:var(--white-1);margin-bottom:2px}.summary-detail{font-size:var(--t-xs);color:var(--light-gray-70);line-height:1.4}.resume-viewer-wrapper{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-3)}.viewer-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#fff;border-bottom:1px solid rgba(15,23,42,.08)}.browser-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.browser-title{display:flex;align-items:center;gap:6px;font-size:var(--t-xs);color:var(--light-gray-70);font-family:monospace}.quick-download-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-xs);color:var(--accent-soft)}.resume-iframe-container{background:#fff}.resume-iframe{border:none;display:block}.pdf-fallback-box{padding:40px;text-align:center;color:#242742}.contact-callout-card{background:linear-gradient(135deg,#587d3426,#587d3414),#fff;border:1px solid rgba(88,125,52,.22);border-radius:20px;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.callout-heading{font-size:var(--fs-4);color:var(--white-1);font-family:var(--ff-display);margin-bottom:6px}.copy-email-callout-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:var(--fw-600);font-size:var(--fs-7);padding:10px 18px;border-radius:12px;border:none;cursor:pointer;flex-shrink:0;transition:transform .2s,box-shadow .2s}.copy-email-callout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #587d3459}.contact-channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.contact-channel-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:20px;display:flex;flex-direction:column;transition:transform var(--transition-1),border-color var(--transition-1)}.contact-channel-card:hover{transform:translateY(-3px);border-color:#587d3440}.channel-icon-box{width:44px;height:44px;border-radius:12px;background:#f1f5f9;border:1px solid;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.channel-info .channel-title{font-size:var(--t-xs);color:var(--light-gray-70);text-transform:uppercase;letter-spacing:.06em;display:block}.channel-info .channel-value{font-size:var(--fs-7);font-weight:var(--fw-500);color:var(--white-1);margin-bottom:12px;word-break:break-word}.channel-action-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--t-xs);color:var(--accent-soft);margin-top:auto;font-weight:var(--fw-500)}.channel-static-badge{font-size:var(--t-xs);color:var(--light-gray-70);margin-top:auto}.contact-form-section{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:30px;box-shadow:var(--shadow-2)}.form-header-bar{display:flex;align-items:center;gap:14px;margin-bottom:24px}.form-header-icon{width:42px;height:42px;border-radius:12px;background:#587d341f;border:1px solid rgba(88,125,52,.25);color:var(--accent-soft);display:flex;align-items:center;justify-content:center}.form-title{font-size:var(--fs-4);color:var(--white-1);font-family:var(--ff-display);margin-bottom:2px}.form-subtitle{font-size:var(--fs-8);color:var(--light-gray-70)}.form-success-banner{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.success-heading{font-size:var(--fs-4);color:var(--white-1);font-family:var(--ff-display)}.success-text{font-size:var(--fs-7);color:var(--light-gray);max-width:420px}.subject-selector-group{margin-bottom:20px}.field-label{display:block;font-size:var(--fs-7);color:var(--white-2);font-weight:var(--fw-500);margin-bottom:8px}.subject-chips{display:flex;flex-wrap:wrap;gap:8px}.subject-chip{background:#f1f5f9;border:1px solid rgba(15,23,42,.08);color:var(--light-gray);padding:7px 14px;border-radius:99px;font-size:var(--fs-8);font-weight:var(--fw-500);cursor:pointer;transition:all .2s ease}.subject-chip:hover{background:#587d341f;color:var(--white-1)}.subject-chip.active{background:#587d3433;border-color:var(--accent-soft);color:var(--white-1)}.input-row-dual{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.form-group{display:flex;flex-direction:column;margin-bottom:18px}.custom-form-input,.custom-form-textarea{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:12px 16px;font-size:var(--fs-6);color:var(--white-1);outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.custom-form-input:focus,.custom-form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #587d3433}.send-message-btn-3d{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#587d34 0% 100%);color:#fff;font-weight:var(--fw-600);font-size:var(--fs-6);padding:13px 28px;border-radius:14px;border:none;cursor:pointer;box-shadow:0 8px 24px #587d3459;transition:transform .2s ease,box-shadow .2s ease}.send-message-btn-3d:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 12px 30px #587d3473}.send-message-btn-3d:disabled{opacity:.7;cursor:not-allowed}.sending-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.ref-floating-status{left:10px;padding:10px 18px}.ref-floating-bio{right:10px;max-width:220px}.ref-bottom-actions{right:10px}.ref-bento-grid,.about-hero-card{grid-template-columns:1fr}.hero-3d-visual{margin-top:10px}.achievement-item-3d{grid-template-columns:1fr}.achievement-img-wrapper{height:180px}.contact-channels-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.projects-grid,.services-grid,.skill-groups-grid,.timeline-grid,.metrics-grid,.skills-overview-strip,.achievement-highlights-bar,.resume-summary-card{grid-template-columns:1fr}.connect-bento,.contact-callout-card{flex-direction:column;align-items:flex-start}.connect-bento-actions{width:100%}.connect-btn{flex:1;justify-content:center}.input-row-dual{grid-template-columns:1fr}}@media(max-width:600px){.contact-channels-grid{grid-template-columns:1fr}.portfolio-controls{flex-direction:column;align-items:stretch}.project-search-box{width:100%}.resume-header-row{flex-direction:column;align-items:flex-start;gap:14px}.resume-actions-top{width:100%}.download-btn-3d{flex:1;justify-content:center}}.callout-desc{font-size:var(--fs-7);color:var(--light-gray);margin:0;max-width:600px;line-height:1.6}html{scroll-behavior:smooth;scroll-padding-top:90px}.editorial-app-root{min-height:100vh;display:flex;flex-direction:column;position:relative;background:var(--smoky-black);color:var(--white-1)}.editorial-section-card{background:#fff;backdrop-filter:blur(26px) saturate(1.3);-webkit-backdrop-filter:blur(26px) saturate(1.3);border:1px solid rgba(15,23,42,.08);border-radius:28px;padding:44px;box-shadow:var(--shadow-3);position:relative}@media(max-width:680px){.editorial-section-card{padding:26px 18px;border-radius:20px}}body{background:#fafbf7!important;color:#0f172a!important;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;z-index:-2;border-radius:50%;filter:blur(120px);pointer-events:none;width:65vw;height:65vw;top:-20vw;left:-12vw;background:radial-gradient(circle,rgba(163,246,40,.28) 0%,rgba(190,249,70,.12) 45%,transparent 70%)!important;animation:aurora-a 26s ease-in-out infinite alternate}body:after{content:"";position:fixed;z-index:-2;border-radius:50%;filter:blur(120px);pointer-events:none;width:60vw;height:60vw;bottom:-16vw;right:-10vw;background:radial-gradient(circle,rgba(132,204,22,.22) 0%,rgba(163,246,40,.08) 45%,transparent 70%)!important;animation:aurora-b 30s ease-in-out infinite alternate}.editorial-app-root{background:#fafbf7!important;color:#0f172a!important}.ref-header-bar{position:fixed;top:0;left:0;right:0;z-index:120;padding:24px 50px;transition:all .35s cubic-bezier(.16,1,.3,1);background:transparent}.ref-header-bar.is-scrolled{background:#fafbf7f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:14px 40px;box-shadow:0 4px 25px #0000000a;border-bottom:1px solid rgba(0,0,0,.06)}.ref-header-inner{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.ref-brand-title{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:1.85rem;font-weight:500;color:#0f172a;text-decoration:none;letter-spacing:-.01em;transition:opacity .2s ease}.ref-brand-title:hover{opacity:.75}.ref-award-badge{display:inline-flex;align-items:center;gap:12px;padding:6px 18px;border-radius:9999px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 16px #0000000a;user-select:none}.ref-laurel-icon-wrapper{display:flex;align-items:center;gap:5px;color:#111827}.ref-laurel-svg{stroke-width:1.5;color:#111827}.ref-laurel-center-text{font-size:var(--t-xs);line-height:1.05;font-weight:700;text-transform:none;letter-spacing:0;text-align:center;color:#111827}.ref-award-title{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--t-sm);font-weight:500;color:#1e293b;letter-spacing:-.01em}.ref-header-actions{display:flex;align-items:center;gap:22px}.ref-quick-nav{display:flex;align-items:center;gap:20px;opacity:0;pointer-events:none;transform:translateY(-4px);transition:all .3s ease}.ref-quick-nav.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.ref-quick-nav a{font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:500;color:#475569;text-decoration:none;transition:color .2s ease}.ref-quick-nav a:hover{color:#0f172a}.ref-menu-circle-btn{width:46px;height:46px;border-radius:var(--r-pill);background:#fff;color:#334155;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.5px;cursor:pointer;transition:all .25s ease}.ref-menu-circle-btn:hover{background:#f8fafc;transform:scale(1.06);box-shadow:0 6px 20px #0000001a}.menu-bar{display:block;width:20px;height:2px;background-color:#0f172a;border-radius:1px;transition:all .25s ease}.ref-drawer-backdrop{position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:200;opacity:0;pointer-events:none;transition:opacity .35s ease}.ref-drawer-backdrop.open{opacity:1;pointer-events:auto}.ref-drawer-panel{position:fixed;top:0;right:0;bottom:0;width:min(440px,92vw);background:#fff;z-index:201;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:-12px 0 40px #00000026;border-left:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:space-between;padding:32px 36px;overflow-y:auto}.ref-drawer-panel.open{transform:translate(0)}.ref-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.08)}.ref-drawer-profile{display:flex;align-items:center;gap:12px}.ref-drawer-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #84cc16}.ref-drawer-name{display:block;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:.95rem;color:#0f172a}.ref-drawer-status{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:#475569}.ref-dot-pulse{width:8px;height:8px;border-radius:50%;background-color:#84cc16;box-shadow:0 0 10px #84cc16cc}.ref-drawer-close-btn{width:38px;height:38px;border-radius:50%;background:#f1f5f9;border:none;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;transition:all .2s ease}.ref-drawer-close-btn:hover{background:#e2e8f0;color:#0f172a}.ref-drawer-nav{padding:24px 0}.ref-drawer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.ref-link-num{font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:600;color:#94a3b8;margin-right:14px}.ref-link-name{font-family:Playfair Display,Georgia,serif;font-size:1.55rem;font-weight:500;flex:1}.ref-link-arrow{color:#94a3b8;transition:transform .2s ease,color .2s ease}.ref-drawer-footer{padding-top:24px;border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:16px}.ref-drawer-download-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:#111827;color:#fff;border-radius:9999px;text-decoration:none;font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;font-weight:600;transition:all .25s ease}.ref-drawer-download-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.ref-drawer-socials{display:flex;align-items:center;justify-content:center;gap:14px}.ref-drawer-socials a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f8fafc;border:1px solid rgba(0,0,0,.08);color:#334155;text-decoration:none;transition:all .2s ease}.ref-drawer-socials a:hover{background:#111827;color:#fff}.ref-hero-stage{position:relative;min-height:94vh;width:100%;background:#fafbf7;color:#0f172a;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:110px 30px 40px;box-sizing:border-box}.ref-lime-aura{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:min(880px,94vw);height:min(740px,82vh);background:radial-gradient(circle at 50% 50%,#8ded16,#a3f726 24%,#c4fa56 46%,#c4fa5673 64%,#fafbf700 78%);filter:blur(52px);border-radius:50%;z-index:1;pointer-events:none;animation:ref-aura-breathe 8s ease-in-out infinite alternate}@keyframes ref-aura-breathe{0%{transform:translate(-50%,-50%) scale(.96);opacity:.9}to{transform:translate(-50%,-50%) scale(1.05);opacity:1}}.ref-hero-inner{position:relative;width:100%;max-width:1320px;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}.ref-hero-typography{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;pointer-events:none;width:100%}.ref-hero-name{position:relative;z-index:2;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-size:clamp(2.8rem,6.8vw,6.2rem);font-weight:700;color:#0f172a;letter-spacing:-.04em;line-height:1.05;margin:0}.ref-hero-role{position:relative;z-index:2;font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:clamp(3.2rem,8vw,7.2rem);font-weight:400;color:#0f172a;letter-spacing:-.02em;line-height:1.05;margin:6px 0 0;pointer-events:none;white-space:nowrap}.ref-portrait-wrapper{position:relative;z-index:4;display:flex;justify-content:center;align-items:flex-end;pointer-events:auto;margin-top:clamp(-160px,-18vw,-230px)}.ref-portrait-cutout{width:min(600px,92vw);max-height:660px;height:auto;object-fit:contain;display:block;mask-image:linear-gradient(to bottom,#000 84%,rgba(0,0,0,.6) 95%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 84%,rgba(0,0,0,.6) 95%,transparent 100%);filter:drop-shadow(0 18px 38px rgba(132,204,22,.28)) drop-shadow(0 8px 24px rgba(0,0,0,.09));transition:transform .4s cubic-bezier(.16,1,.3,1)}.ref-portrait-cutout:hover{transform:scale(1.02)}.ref-floating-status{position:absolute;top:50%;left:2%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:12px;padding:11px 24px;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.08);border-radius:9999px;box-shadow:0 10px 30px #0000000f;z-index:6;transition:all .3s cubic-bezier(.16,1,.3,1)}.ref-floating-status:hover{transform:translateY(-54%);box-shadow:0 14px 36px #0000001a}.ref-live-green-dot{position:relative;display:inline-flex;width:12px;height:12px;border-radius:var(--r-pill);background-color:#84cc16}.ref-dot-ping{position:absolute;inset:-3px;border-radius:var(--r-pill);background-color:#a3e635;opacity:.8;animation:ref-ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes ref-ping{75%,to{transform:scale(2.2);opacity:0}}.ref-status-label{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--t-md);font-weight:500;color:#1e293b;white-space:nowrap}.ref-floating-bio{position:absolute;top:50%;right:3%;transform:translateY(-50%);max-width:260px;z-index:6;text-align:left}.ref-floating-bio p{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--t-md);line-height:1.55;color:#334155;font-weight:400;margin:0}.ref-bottom-actions{position:absolute;bottom:8px;right:3%;display:flex;align-items:center;gap:12px;z-index:6}.ref-pill-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;background:#111827;color:#fff;border-radius:var(--r-pill);text-decoration:none;font-family:Plus Jakarta Sans,sans-serif;font-size:var(--t-md);font-weight:600;box-shadow:0 8px 22px #1118272e;transition:all .25s ease;border:1px solid #111827}.ref-pill-cta-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 12px 30px #00000040}.ref-cta-arrow{font-size:inherit;transition:transform .25s ease}.ref-pill-cta-btn:hover .ref-cta-arrow{transform:translate(4px)}.ref-secondary-cv-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 22px;background:#fffffff0;backdrop-filter:blur(12px);color:#0f172a;border:1px solid rgba(0,0,0,.12);border-radius:var(--r-pill);text-decoration:none;font-family:Plus Jakarta Sans,sans-serif;font-size:var(--t-sm);font-weight:600;cursor:pointer;transition:all .25s ease}.ref-secondary-cv-btn:hover{background:#fff;border-color:#84cc16;transform:translateY(-2px);box-shadow:0 8px 20px #84cc1633}.ref-ticker-strip{width:100%;overflow:hidden;padding:22px 0;background:#ffffffbf;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:50px}.ref-ticker-track{display:flex;align-items:center;gap:40px;white-space:nowrap;animation:ref-ticker-scroll 24s linear infinite}.ref-ticker-item{display:inline-flex;align-items:center;gap:12px}.ref-ticker-dot{color:#84cc16;font-size:var(--t-sm)}.ref-ticker-text{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--t-md);font-weight:600;color:#475569;letter-spacing:-.01em}.ref-bento-showcase-section{max-width:1280px;margin:0 auto;padding:20px 24px 70px;position:relative}.ref-bento-ambient-glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:750px;height:550px;background:radial-gradient(circle,rgba(163,246,40,.28) 0%,rgba(196,250,86,.1) 42%,transparent 70%);filter:blur(55px);z-index:0;pointer-events:none}.ref-projects-header-bar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;position:relative;z-index:2;gap:20px;flex-wrap:wrap}.ref-projects-title-box{display:flex;flex-direction:column;gap:6px}.ref-projects-bar-title{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:500;color:#0f172a;line-height:1.05;margin:0;letter-spacing:-.02em}.ref-projects-view-all-pill{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.12);border-radius:var(--r-pill);font-family:inherit;font-size:var(--t-sm);font-weight:600;color:#0f172a;cursor:pointer;box-shadow:0 6px 20px #0000000a;transition:all .25s cubic-bezier(.16,1,.3,1)}.ref-projects-view-all-pill:hover{background:#84cc16;color:#0f172a;border-color:#84cc16;transform:translateY(-2px);box-shadow:0 10px 25px #84cc164d}.ref-bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;position:relative;z-index:1}.ref-bento-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:var(--r-card);overflow:hidden;text-decoration:none;box-shadow:0 10px 30px #00000008;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.ref-bento-card:hover{transform:translateY(-5px);border-color:#84cc16;box-shadow:0 18px 45px #84cc1629}.ref-bento-preview-wrap{position:relative;height:250px;background:#f1f5f9;overflow:hidden}.ref-bento-img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s ease}.ref-bento-card:hover .ref-bento-img{transform:scale(1.03)}.ref-bento-overlay{position:absolute;top:14px;right:14px}.ref-bento-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffffeb;backdrop-filter:blur(8px);border-radius:9999px;font-size:var(--t-xs);font-weight:600;color:#0f172a;box-shadow:0 4px 12px #00000014}.ref-bento-meta{padding:22px 26px}.ref-bento-title{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--t-xl);font-weight:700;color:#0f172a;margin:0 0 4px}.ref-bento-subtitle{font-size:var(--t-sm);color:#64748b;margin:0 0 14px}.ref-bento-tags{display:flex;flex-wrap:wrap;gap:8px}.ref-bento-tag{padding:4px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--r-sm);font-size:var(--t-xs);color:#475569;font-weight:500}.ref-focus-section{max-width:1100px;margin:0 auto;padding:70px 24px;text-align:center}.ref-section-mini-badge{display:inline-block;font-family:Plus Jakarta Sans,sans-serif;font-size:var(--t-xs);font-weight:700;text-transform:none;letter-spacing:.04em;color:#65a30d;background:#a3e63526;padding:6px 16px;border-radius:9999px;margin-bottom:24px}.ref-focus-statement{font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,4.2vw,3.4rem);font-weight:400;color:#0f172a;line-height:1.25;letter-spacing:-.015em;margin:0 auto 36px;max-width:920px}.ref-focus-statement em{font-style:italic;color:#65a30d}.ref-focus-statement strong{font-weight:600;color:#0f172a}.ref-focus-floating-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.ref-focus-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:9999px;font-size:var(--t-sm);font-weight:600;color:#334155;box-shadow:0 4px 15px #0000000a;transition:all .2s ease}.ref-focus-pill:hover{border-color:#84cc16;color:#111827;transform:translateY(-2px)}.ref-process-section{max-width:1240px;margin:0 auto;padding:60px 24px 80px;text-align:center}.ref-process-heading{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2rem,3.8vw,2.8rem);font-weight:700;color:#0f172a;letter-spacing:-.03em;margin:0 0 50px}.ref-process-cards{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.ref-process-card{flex:1;min-width:270px;max-width:340px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:var(--r-card);padding:38px 28px;text-align:left;box-shadow:0 12px 35px #0000000a;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.ref-process-card.card-step-1{transform:rotate(-1.5deg)}.ref-process-card.card-step-2{transform:translateY(-8px)}.ref-process-card.card-step-3{transform:rotate(1.5deg)}.ref-process-card:hover{transform:translateY(-6px) rotate(0);border-color:#84cc16;box-shadow:0 18px 45px #84cc1626}.process-step-num{font-family:Playfair Display,serif;font-size:2.8rem;font-weight:600;color:#84cc16;line-height:1;display:block;margin-bottom:16px}.process-step-title{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--t-xl);font-weight:700;color:#0f172a;margin:0 0 10px}.process-step-desc{font-size:var(--t-sm);line-height:1.55;color:#64748b;margin:0}.ref-process-loop{width:60px;display:flex;align-items:center;justify-content:center}.ref-footer-section{width:100%;background:#fafbf7;padding-top:60px}.ref-prefooter-banner{position:relative;max-width:1240px;margin:0 auto 60px;background:radial-gradient(ellipse at 50% 50%,#8fed18,#a4f727 30%,#c4fa56,#c4fa564d 80%);border-radius:var(--r-card);padding:70px 40px;text-align:center;overflow:hidden;box-shadow:0 18px 45px #84cc1640}.ref-banner-content{position:relative;z-index:2;max-width:720px;margin:0 auto}.ref-banner-title{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:500;color:#0f172a;margin:0 0 16px;letter-spacing:-.02em}.ref-banner-sub{font-family:Plus Jakarta Sans,sans-serif;font-size:var(--t-md);line-height:1.6;color:#1e293b;margin:0 0 32px}.ref-banner-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;background:#111827;color:#fff;border-radius:var(--r-pill);text-decoration:none;font-family:Plus Jakarta Sans,sans-serif;font-size:var(--t-md);font-weight:600;box-shadow:0 10px 25px #00000040;transition:all .25s ease;border:1px solid #111827}.ref-banner-cta-btn:hover{background:#000;transform:translateY(-3px);box-shadow:0 15px 35px #00000059}.ref-footer-inner{max-width:1300px;margin:0 auto;padding:0 30px 40px}.ref-footer-socials{display:flex;align-items:center;gap:12px}.ref-footer-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-pill);background:#fff;border:1px solid rgba(0,0,0,.08);color:#334155;text-decoration:none;transition:all .2s ease}.ref-footer-icon-btn:hover{background:#111827;color:#fff;transform:translateY(-2px)}.ref-footer-leetcode-img{width:17px;height:17px}.ref-giant-signature-wrap{padding:20px 0 40px;text-align:center;overflow:hidden;user-select:none}.ref-giant-signature-text{display:inline-block;font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:clamp(2.4rem,10.5vw,9.5rem);max-width:100%;font-weight:400;color:#0f172a;letter-spacing:-.03em;line-height:.9;white-space:nowrap;opacity:.9}.ref-footer-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding-top:25px;border-top:1px solid rgba(0,0,0,.06);flex-wrap:wrap;gap:14px}.ref-footer-bottom-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.ref-footer-bottom-actions .ref-footer-icon-btn{width:36px;height:36px}.ref-footer-copy{font-size:var(--t-sm);color:#64748b;margin:0}.ref-footer-top-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:var(--t-sm);font-weight:600;color:#334155;cursor:pointer;transition:color .2s ease;padding:6px 12px;border-radius:var(--r-pill)}.ref-footer-top-btn:hover{color:#65a30d}.editorial-section-card{background:#ffffffeb!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid rgba(0,0,0,.07)!important;border-radius:28px!important;padding:44px!important;box-shadow:0 10px 35px #00000008!important;color:#0f172a!important}.article-title{color:#0f172a!important;font-family:Playfair Display,Georgia,serif!important;font-style:italic!important}.article-title:after{background:#84cc16!important}.h3,.h4{color:#0f172a!important}.filter-btn{color:#64748b!important}.filter-btn.active{color:#0f172a!important;background:#84cc1633!important;border-radius:9999px;font-weight:600}@media(max-width:1100px){.ref-floating-status{left:10px;padding:10px 18px}.ref-floating-bio{right:10px;max-width:220px}.ref-bottom-actions{right:10px}}@media(max-width:860px){.ref-header-bar{padding:18px 24px}.ref-award-badge{display:none}.ref-hero-stage{padding:100px 16px 40px;min-height:auto}.ref-hero-inner{min-height:auto;gap:24px}.ref-hero-typography{margin-bottom:0}.ref-floating-status,.ref-floating-bio,.ref-bottom-actions{position:static;transform:none!important;margin:8px 0;text-align:center}.ref-floating-bio{max-width:90%}.ref-floating-bio p{text-align:center}.ref-bottom-actions{justify-content:center;flex-wrap:wrap}.ref-process-loop{display:none}.ref-process-card{transform:none!important;max-width:100%}}.ref-quick-btn{background:transparent;border:none;font-family:inherit;font-size:var(--t-sm);font-weight:600;color:#334155;cursor:pointer;padding:6px 12px;border-radius:var(--r-pill);transition:all .2s ease}.ref-quick-btn:hover{color:#0f172a;background:#84cc1626}.ref-drawer-link-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:14px 18px;border-radius:16px;font-family:inherit;font-size:1.15rem;font-weight:600;color:#0f172a;cursor:pointer;transition:all .25s ease;text-align:left}.ref-drawer-link-btn:hover{background:#84cc1629;color:#365314;transform:translate(4px)}.ref-drawer-link-btn .ref-link-num{font-size:.8rem;font-weight:700;color:#84cc16;margin-right:12px}.ref-drawer-link-btn .ref-link-name{flex:1}.ref-modal-backdrop{position:fixed;inset:0;background:#0f172ac7;z-index:10000;display:flex;justify-content:center;align-items:flex-start;padding:30px 16px;overflow-y:auto;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.ref-modal-container{position:relative;width:100%;max-width:1240px;background:#fafbf7;border:1px solid rgba(132,204,22,.35);border-radius:32px;box-shadow:0 30px 80px #0003,0 0 0 1px #ffffffb3;overflow:hidden;margin:auto;min-height:80vh;animation:modalSlideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ref-modal-aura{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.ref-modal-aura.aura-top{top:-120px;right:-80px;width:480px;height:480px;background:radial-gradient(circle,rgba(163,246,40,.22) 0%,transparent 70%)}.ref-modal-aura.aura-bottom{bottom:-150px;left:-100px;width:520px;height:520px;background:radial-gradient(circle,rgba(132,204,22,.18) 0%,transparent 70%)}.ref-modal-header{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:#fafbf7f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(132,204,22,.22)}.ref-modal-brand{display:flex;align-items:center;gap:12px}.ref-modal-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #84cc16;background:#f7fee7}.ref-modal-brand-name{display:block;font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:600;font-size:1.15rem;color:#0f172a;line-height:1.2}.ref-modal-brand-tag{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#4d7c0f}.ref-modal-live-dot{width:7px;height:7px;border-radius:50%;background:#84cc16;box-shadow:0 0 10px #84cc16}.ref-modal-tabs{display:flex;align-items:center;gap:6px;background:#0000000a;padding:5px;border-radius:9999px;border:1px solid rgba(132,204,22,.25);overflow-x:auto;max-width:100%}.ref-modal-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:.88rem;font-weight:500;color:#475569;border-radius:9999px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ref-modal-tab-btn:hover{color:#0f172a;background:#84cc1626}.ref-modal-tab-btn.active{background:#84cc16;color:#0f172a;font-weight:600;box-shadow:0 4px 16px #84cc1659}.ref-modal-close-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:9999px;background:#0f172a;color:#fff;border:none;font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ref-modal-close-btn:hover{background:#000;transform:scale(1.03)}.ref-modal-body{position:relative;z-index:1;padding:32px 36px 60px}.editorial-section-card{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.badge-pill{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:7px 18px!important;background:#ecfccb!important;color:#365314!important;border:1px solid #bef264!important;border-radius:9999px!important;font-size:.82rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important}.about-hero-card{background:#fffffff5!important;border:1px solid rgba(132,204,22,.32)!important;border-radius:26px!important;padding:36px!important;box-shadow:0 10px 30px #00000008!important}.greeting-line{color:#65a30d!important;font-weight:600!important}.hero-tagline{color:#0f172a!important}.gradient-text{background:linear-gradient(90deg,#4d7c0f,#65a30d,#15803d)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.hero-description{color:#334155!important}.highlight-badge{background:#ecfccb!important;border:1px solid #bef264!important;color:#365314!important;font-weight:500!important;border-radius:9999px!important;padding:6px 14px!important}.orb-caption{color:#4d7c0f!important;font-weight:600!important}.metric-card{background:#fff!important;border:1px solid rgba(132,204,22,.28)!important;border-radius:22px!important;padding:24px!important;box-shadow:0 8px 24px #00000008!important;transition:all .3s ease!important}.metric-card:hover{border-color:#84cc16!important;box-shadow:0 14px 35px #84cc1633!important;transform:translateY(-3px)!important}.metric-icon-box{background:#ecfccb!important;color:#4d7c0f!important;border:1px solid #d9f99d!important;border-radius:14px!important}.metric-number{color:#0f172a!important;font-weight:700!important}.metric-title{color:#0f172a!important}.metric-desc{color:#475569!important}.service-card-3d{background:#fffffff5!important;border:1px solid rgba(132,204,22,.26)!important;border-radius:22px!important;padding:28px!important;box-shadow:0 8px 25px #00000008!important;transition:all .3s ease!important}.service-card-3d:hover{border-color:#84cc16!important;box-shadow:0 16px 40px #84cc1638!important;transform:translateY(-4px)!important}.service-icon-wrapper{background:#ecfccb!important;border:1px solid #d9f99d!important;color:#4d7c0f!important;border-radius:14px!important}.service-tag{background:#f7fee7!important;color:#4d7c0f!important;border:1px solid #d9f99d!important;border-radius:9999px!important;font-weight:600!important}.service-card-title{color:#0f172a!important}.service-card-desc{color:#475569!important}.timeline-card{background:#fff!important;border:1px solid rgba(132,204,22,.28)!important;border-radius:22px!important;padding:28px!important;box-shadow:0 8px 24px #00000008!important}.timeline-card:hover{border-color:#84cc16!important;box-shadow:0 14px 35px #84cc162e!important}.timeline-badge-icon{background:#ecfccb!important;color:#4d7c0f!important;border:1px solid #d9f99d!important;border-radius:12px!important}.timeline-period{background:#f7fee7!important;color:#4d7c0f!important;border:1px solid #d9f99d!important;border-radius:9999px!important;font-weight:600!important}.timeline-card-heading{color:#0f172a!important}.timeline-card-place{color:#65a30d!important;font-weight:600!important}.timeline-card-detail{color:#475569!important}.toolkit-chip{background:#fff!important;border:1px solid rgba(132,204,22,.28)!important;border-radius:16px!important;padding:12px 18px!important;box-shadow:0 4px 14px #00000005!important;transition:all .2s ease!important}.toolkit-chip:hover{background:#f7fee7!important;border-color:#84cc16!important;transform:translateY(-2px)!important}.tech-name{color:#0f172a!important;font-weight:600!important}.tech-category{background:#ecfccb!important;color:#365314!important;font-weight:600!important;border-radius:9999px!important}.connect-bento{background:linear-gradient(135deg,#ecfccb8c,#fff)!important;border:1px solid rgba(132,204,22,.35)!important;border-radius:24px!important;padding:32px!important}.connect-heading{color:#0f172a!important}.connect-text{color:#475569!important}.connect-btn{background:#0f172a!important;color:#fff!important;border-radius:9999px!important}.connect-btn:hover{background:#000!important}.leetcode-btn{background:#fff!important;color:#0f172a!important;border:1px solid rgba(132,204,22,.4)!important}.leetcode-btn:hover{background:#f7fee7!important;border-color:#84cc16!important}.filter-btn:hover{color:#0f172a!important;background:#84cc161f!important}.filter-btn.active{background:#84cc16!important;color:#0f172a!important;font-weight:700!important;border-color:#84cc16!important;box-shadow:0 4px 14px #84cc1659!important}.project-search-box{background:#fff!important;border:1px solid rgba(132,204,22,.3)!important;border-radius:9999px!important}.project-search-box input{color:#0f172a!important}@keyframes ref-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}html,body{max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%}*,*:before,*:after{box-sizing:border-box}@media(max-width:1100px){.ref-bento-grid{grid-template-columns:repeat(2,1fr);gap:20px}.about-hero-card{grid-template-columns:1fr}.contact-channels-grid,.skills-overview-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.ref-header-bar{padding:14px 18px}.ref-header-bar.is-scrolled{padding:10px 18px}.ref-brand-title{font-size:1.35rem;white-space:nowrap}.ref-award-badge,.ref-quick-nav{display:none}.ref-header-actions{gap:0}.ref-menu-circle-btn{width:42px;height:42px}.projects-grid,.services-grid,.skill-groups-grid,.timeline-grid,.metrics-grid,.achievement-highlights-bar,.resume-summary-card,.input-row-dual,.achievement-item-3d{grid-template-columns:1fr}}@media(max-width:760px){.ref-hero-stage{min-height:auto;padding:90px 16px 32px}.ref-hero-inner{min-height:auto;gap:0}.ref-hero-name{font-size:clamp(2rem,9.5vw,3rem)}.ref-hero-role{font-size:clamp(2.1rem,10.5vw,3.4rem);white-space:normal;line-height:1.08;padding:0 4px}.ref-portrait-wrapper{margin-top:clamp(-70px,-12vw,-40px)}.ref-portrait-cutout{width:min(360px,88vw);max-height:60vh}.ref-lime-aura{width:120vw;height:60vh;top:42%;filter:blur(40px)}.ref-floating-status,.ref-floating-bio,.ref-bottom-actions{position:static!important;transform:none!important;margin:14px auto 0;text-align:center}.ref-floating-bio{max-width:34ch}.ref-floating-bio p{text-align:center;font-size:.95rem}.ref-bottom-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}.ref-pill-cta-btn,.ref-secondary-cv-btn{padding:12px 22px}.ref-ticker-item{padding:0 14px}.ref-ticker-text{font-size:.85rem}.ref-bento-showcase-section{padding:48px 16px}.ref-bento-container{padding:0}.ref-projects-header-bar{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:26px}.ref-projects-bar-title{font-size:clamp(2.2rem,11vw,3rem)}.ref-projects-view-all-pill{width:100%;justify-content:center}.ref-bento-grid{grid-template-columns:1fr;gap:18px}.ref-bento-card{border-radius:20px}.ref-bento-preview-wrap{aspect-ratio:16 / 10;height:auto}.ref-bento-meta{padding:18px}.ref-bento-tag{font-size:var(--t-xs);padding:4px 10px}.ref-bento-badge{padding:8px 12px}.ref-focus-section,.ref-process-section{padding:48px 16px}.ref-focus-statement{font-size:clamp(1.45rem,6.4vw,2rem)}.ref-focus-floating-pills{gap:8px}.ref-focus-pill{padding:8px 12px}.ref-process-heading{font-size:clamp(1.9rem,8.5vw,2.6rem)}.ref-process-cards{flex-direction:column;align-items:stretch}.ref-process-card{min-width:0;max-width:100%;padding:26px 20px;transform:none!important}.ref-process-loop{display:none}.ref-footer-section{padding-top:32px}.ref-prefooter-banner{margin:0 16px 36px;padding:44px 20px;border-radius:24px}.ref-banner-title{font-size:clamp(2rem,9vw,2.8rem)}.ref-footer-inner{padding:0 16px 24px}.ref-giant-signature-wrap{padding:8px 0 20px}.ref-giant-signature-text{font-size:clamp(2.4rem,11.5vw,5rem);letter-spacing:-.04em}.ref-footer-bottom-bar{flex-direction:column;align-items:flex-start;gap:16px}.ref-footer-copy{line-height:1.5}.ref-footer-bottom-actions{width:100%;justify-content:space-between}.ref-drawer-panel{width:min(88vw,360px)}.ref-modal-backdrop{padding:0;align-items:stretch;backdrop-filter:none;-webkit-backdrop-filter:none}.ref-modal-container{max-width:100%;width:100%;min-height:100dvh;border-radius:0;border:none;margin:0;overflow-x:hidden;animation:modalFadeIn .25s ease}.ref-modal-aura{display:none}.ref-modal-header{padding:10px 12px;gap:10px}.ref-modal-brand{flex-shrink:0}.ref-modal-brand-text{display:none}.ref-modal-avatar{width:38px;height:38px}.ref-modal-tabs{flex:1;min-width:0;gap:2px;padding:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ref-modal-tabs::-webkit-scrollbar{display:none}.ref-modal-tab-btn{padding:8px 12px;font-size:.82rem;gap:6px}.ref-modal-close-btn{flex-shrink:0;padding:8px 12px;font-size:.82rem}.ref-modal-close-btn span{display:none}.ref-modal-body{padding:20px 16px 48px}.ref-modal-body>*{max-width:100%}.article-title{font-size:clamp(1.8rem,8vw,2.4rem)}.page-header{margin-bottom:20px}.about-hero-card,.metrics-grid,.services-grid,.skill-groups-grid,.timeline-grid,.skills-overview-strip,.achievement-highlights-bar,.resume-summary-card,.contact-channels-grid,.input-row-dual,.projects-grid,.achievement-item-3d,.connect-bento,.contact-callout-card{grid-template-columns:1fr!important}.hero-3d-visual{margin-top:6px}.portfolio-controls{flex-direction:column;align-items:stretch;gap:12px}.filter-pill-group{flex-wrap:wrap}.project-search-box{min-width:0;width:100%}.resume-header-row,.connect-bento,.contact-callout-card{flex-direction:column;align-items:flex-start;gap:14px}.resume-actions-top,.connect-bento-actions{width:100%}.download-btn-3d,.connect-btn{flex:1;justify-content:center}.achievement-img-wrapper{height:160px}.editorial-section-card{backdrop-filter:none;-webkit-backdrop-filter:none}.tilt-3d{transform:none!important}}@media(max-width:400px){.ref-hero-name{font-size:2rem}.ref-hero-role{font-size:2.15rem}.ref-brand-title{font-size:1.2rem}.ref-modal-tab-btn{padding:8px 10px}}@media(hover:none){.ref-portrait-cutout:hover{transform:none}.ref-bento-overlay{opacity:1}}.editorial-app-root,.ref-full-editorial-container,.ref-footer-section{width:100%;overflow-x:clip}.ref-ticker-strip{overflow:hidden;width:100%}.ref-giant-signature-wrap{overflow:hidden}.ref-modal-brand-name{font-size:var(--t-lg)}.ref-modal-brand-tag{font-size:var(--t-xs);text-transform:none;letter-spacing:.02em}.ref-modal-tab-btn{font-size:var(--t-sm);font-weight:600}.ref-modal-close-btn{padding:8px 18px;font-size:var(--t-sm)}.badge-pill{background:#a3e63526!important;border:1px solid rgba(132,204,22,.35)!important;color:#4d7c0f!important;font-size:var(--t-xs)!important;font-weight:700!important;border-radius:var(--r-pill)!important;text-transform:none!important;letter-spacing:.04em!important}.filter-btn,.ref-modal-tab-btn{padding:8px 18px;background:transparent;border:1px solid transparent;color:#475569;font-size:var(--t-sm);font-weight:600;border-radius:var(--r-pill)}.filter-btn.active,.ref-modal-tab-btn.active{background:#84cc16!important;border-color:#84cc16!important;color:#0f172a!important}.filter-pill-group{display:inline-flex;gap:6px;padding:5px;border-radius:var(--r-pill);background:#0000000a;border:1px solid rgba(132,204,22,.25)}.ref-modal-close-btn{border:1px solid #111827;background:#111827}.ref-modal-brand-name{font-size:var(--t-md)}.article-title{font-size:clamp(2rem,3.8vw,2.8rem)!important}.ref-modal-container{border-radius:var(--r-card)}.ref-modal-avatar,.ref-modal-live-dot{border-radius:var(--r-pill)}.project-search-input{background:#fff;border:1px solid rgba(0,0,0,.12);color:#0f172a;font-size:var(--t-sm);border-radius:var(--r-pill)}.project-search-input::placeholder{color:#64748b}.search-icon{color:#64748b}.project-card-3d{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:var(--r-card);box-shadow:0 10px 30px #00000008}.project-img{border-radius:0}.project-main-title{font-size:var(--t-xl);color:#0f172a}.project-subtitle-text{font-size:var(--t-sm);color:#475569}.project-desc-text{font-size:var(--t-sm);color:#64748b}.project-tech-tag,.project-category-pill,.mobile-preview-badge{font-size:var(--t-xs);padding:4px 10px;border-radius:var(--r-sm);background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-weight:500}.project-category-pill,.mobile-preview-badge{background:#a3e63526;border-color:#84cc1659;color:#4d7c0f}.featured-badge{background:#111827;color:#fff;font-size:var(--t-xs);font-weight:600;border-radius:var(--r-pill);padding:4px 12px}.overlay-btn{padding:12px 22px;border-radius:var(--r-pill);font-size:var(--t-sm);font-weight:600;background:#fffffff0;border:1px solid rgba(0,0,0,.12);color:#0f172a}.overlay-btn.primary{background:#111827;border:1px solid #111827;color:#fff}.card-action-link,.card-action-link.live{font-size:var(--t-sm);font-weight:600;color:#334155}.card-action-link:hover{color:#0f172a}.project-card-footer{border-top:1px solid rgba(0,0,0,.06)}.mobile-preview-badge{background:transparent;border-color:transparent;padding:4px 0;color:#4d7c0f;text-decoration:underline;text-underline-offset:3px}.filter-btn{color:#475569!important}.hero-tagline,.gradient-text{font-size:var(--t-xl)!important}.ref-projects-bar-title,.ref-banner-title{font-size:clamp(2.4rem,4.2vw,3.4rem)}.download-btn-3d,.send-message-btn-3d,.copy-email-callout-btn,.connect-btn,.reset-filter-btn{padding:14px 30px!important;background:#111827!important;color:#fff!important;border:1px solid #111827!important;border-radius:var(--r-pill)!important;font-size:var(--t-md)!important;font-weight:600!important}.open-tab-btn,.connect-btn.leetcode-btn,.verify-link-btn{padding:12px 22px!important;background:#fffffff0!important;color:#0f172a!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:var(--r-pill)!important;font-size:var(--t-sm)!important;font-weight:600!important}.open-tab-btn{padding:12px 14px!important}.quick-download-link,.channel-action-link{font-size:var(--t-sm)!important;font-weight:600!important;color:#334155!important}.quick-download-link:hover,.channel-action-link:hover{color:#0f172a!important}.subject-chip{padding:8px 18px!important;background:transparent!important;border:1px solid transparent!important;color:#475569!important;font-size:var(--t-sm)!important;font-weight:600!important;border-radius:var(--r-pill)!important}.subject-chip.active{background:#84cc16!important;border-color:#84cc16!important;color:#0f172a!important}.subject-chips-row{display:inline-flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:var(--r-pill);background:#0000000a;border:1px solid rgba(132,204,22,.25)}.competency-badge{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#475569!important;padding:4px 10px!important;border-radius:var(--r-sm)!important}.ai-orb{position:relative;margin:0 auto;perspective:700px}.ai-orb-core{position:absolute;inset:28%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d9f99d,#84cc16 45%,#587d34);box-shadow:0 0 40px #84cc1673,inset 0 0 24px #ffffff59;animation:ai-orb-pulse 3.2s ease-in-out infinite}.ai-orb-ring,.ai-orb-mesh{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-linejoin:round}.ai-orb-ring{stroke:#587d348c;stroke-width:.9;stroke-dasharray:4 3;transform-style:preserve-3d}.ai-orb-ring.ring-1{animation:ai-orb-spin 9s linear infinite}.ai-orb-ring.ring-2{transform:rotate(60deg);animation:ai-orb-spin 12s linear infinite reverse}.ai-orb-ring.ring-3{transform:rotate(-60deg);animation:ai-orb-spin 15s linear infinite}.ai-orb-mesh{stroke:#0f172a59;stroke-width:.7;animation:ai-orb-spin 24s linear infinite reverse}.ai-orb-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#84cc16;box-shadow:0 0 10px #84cc16cc;animation:ai-orb-float 4s ease-in-out infinite}.ai-orb-dot.d1{top:12%;left:22%}.ai-orb-dot.d2{top:18%;right:14%;animation-delay:-1s}.ai-orb-dot.d3{bottom:16%;left:14%;animation-delay:-2s}.ai-orb-dot.d4{bottom:10%;right:24%;animation-delay:-3s}@keyframes ai-orb-spin{to{transform:rotate(360deg)}}.ai-orb-ring.ring-2{animation-name:ai-orb-spin-2}@keyframes ai-orb-spin-2{0%{transform:rotate(60deg)}to{transform:rotate(420deg)}}.ai-orb-ring.ring-3{animation-name:ai-orb-spin-3}@keyframes ai-orb-spin-3{0%{transform:rotate(-60deg)}to{transform:rotate(300deg)}}@keyframes ai-orb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes ai-orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.ai-orb *,.ai-orb-core{animation:none!important}}.ref-page{width:100%;padding:96px 16px 48px}.ref-page-container{margin:0 auto;min-height:60vh;animation:none;box-shadow:0 18px 50px #0f172a0f}.ref-page .ref-modal-header{position:static}.ref-page .ref-modal-brand,.ref-page .ref-modal-tab-btn,.ref-page .ref-modal-close-btn{text-decoration:none}.is-section-page .ref-prefooter-banner{margin-top:0}@media(max-width:760px){.ref-page{padding:72px 0 32px}.ref-page-container{border-radius:0;border-left:none;border-right:none;min-height:0}}