@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--bg-deep: #050811;--bg-navy: #080d1c;--bg-card: rgba(13, 20, 38, .72);--bg-card-hover: rgba(18, 28, 52, .88);--border-subtle: rgba(59, 130, 246, .16);--border-glow: rgba(59, 130, 246, .42);--blue-primary: #2563eb;--blue-bright: #3b82f6;--blue-light: #60a5fa;--text-white: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-sans: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--first-color: #3b82f6;--container-color: #0f172a;--title-color: #f8fafc;--card-border: rgba(59, 130, 246, .25)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-deep);color:var(--text-white);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}button,input,textarea{font-family:inherit}.text-blue{color:var(--blue-bright)}.alf-app{position:relative;min-height:100vh;z-index:1}.alf-main{position:relative;z-index:2}.alf-container{max-width:1180px;margin:0 auto;padding:0 1.5rem}.space-bg-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#0c1938,#060a17 55%,#040710);overflow:hidden}.space-bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.space-bg-glow{position:absolute;border-radius:50%;filter:blur(110px);opacity:.35}.space-bg-glow--top{width:520px;height:520px;background:radial-gradient(circle,rgba(37,99,235,.55),transparent 70%);top:-120px;left:-100px}.space-bg-glow--mid{width:600px;height:600px;background:radial-gradient(circle,rgba(29,78,216,.45),transparent 70%);top:36%;right:-160px}.space-bg-glow--bottom{width:520px;height:520px;background:radial-gradient(circle,rgba(37,99,235,.4),transparent 70%);bottom:-140px;left:20%}.alf-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:radial-gradient(circle at center,#0a1329,#050811);display:flex;align-items:center;justify-content:center;transition:opacity .42s ease,visibility .42s ease}.alf-loader--hide{opacity:0;visibility:hidden;pointer-events:none}.alf-loader__box{width:280px;text-align:center}.alf-loader__percent{font-size:3rem;font-weight:800;color:#fff;letter-spacing:-.02em;text-shadow:0 0 28px rgba(59,130,246,.65);margin-bottom:.75rem}.alf-loader__bar-track{width:100%;height:6px;background:#1e293bd9;border-radius:999px;overflow:hidden;margin-bottom:.75rem;border:1px solid rgba(59,130,246,.2)}.alf-loader__bar-fill{height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:999px;box-shadow:0 0 14px #3b82f6e6;transition:width .08s linear}.alf-loader__status{font-size:.82rem;color:var(--text-muted);letter-spacing:.03em}.alf-header{position:fixed;top:1.25rem;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:0 1rem;pointer-events:none}.alf-nav-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .5rem;background:#0a101fc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(59,130,246,.22);border-radius:999px;box-shadow:0 10px 30px #00000073,0 0 20px #2563eb1f}.alf-nav-pill__link{padding:.45rem 1.15rem;border-radius:999px;font-size:.86rem;font-weight:500;color:#cbd5e1;background:transparent;border:none;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.alf-nav-pill__link:hover{color:#fff}.alf-nav-pill__link.is-active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:600;box-shadow:0 4px 14px #2563eb80}.alf-nav-pill__cv{border-left:1px solid rgba(148,163,184,.2);border-radius:999px;color:#60a5fa;font-weight:600}.alf-nav-pill__cv:hover{background:#3b82f626}.alf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.78rem 1.5rem;border-radius:.75rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;border:1px solid transparent}.alf-btn--sm{padding:.65rem 1.25rem;font-size:.85rem}.alf-btn--full{width:100%}.alf-btn--primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 8px 22px #2563eb66}.alf-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #3b82f68c}.alf-btn--outline{background:#0f172abf;color:#e2e8f0;border-color:#3b82f64d}.alf-btn--outline:hover{border-color:var(--blue-bright);background:#1e293be6;color:#fff;transform:translateY(-2px)}.alf-hero{min-height:100vh;padding:7rem 0 4rem;display:flex;align-items:center}.alf-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:2.5rem;width:100%}.alf-hero__title{font-size:clamp(2.5rem,5vw,4.1rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem}.alf-hero__title-blue{background:linear-gradient(90deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.alf-hero__title-white{color:#fff}.alf-hero__typewriter{font-size:clamp(1.1rem,2vw,1.38rem);font-weight:500;color:#cbd5e1;min-height:2.1rem;margin-bottom:1rem;display:flex;align-items:center}.alf-hero__cursor{color:var(--blue-bright);font-weight:700;margin-left:3px;animation:blinkCursor .85s infinite}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.alf-hero__desc{color:var(--text-muted);font-size:.95rem;max-width:540px;margin-bottom:1.85rem;line-height:1.75}.alf-hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:2.25rem}.alf-hero__findme{display:flex;flex-direction:column;gap:.65rem}.alf-hero__findme-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--text-dim)}.alf-hero__socials{display:flex;gap:.65rem}.alf-social-box{width:42px;height:42px;border-radius:.65rem;background:#0f172ac7;border:1px solid rgba(59,130,246,.22);display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;color:#cbd5e1;transition:all .2s ease}.alf-social-box:hover{color:#fff;border-color:var(--blue-bright);background:#2563eb38;transform:translateY(-3px);box-shadow:0 6px 16px #2563eb4d}.alf-hero__lanyard-col{display:flex;justify-content:center;align-items:flex-start}.lanyard-stage{position:relative;width:360px;height:540px;display:flex;flex-direction:column;align-items:center;perspective:1100px;-webkit-user-select:none;user-select:none}.lanyard-svg{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:400px;height:320px;pointer-events:none;z-index:1}.lanyard-card-wrapper{position:relative;margin-top:86px;width:248px;height:368px;transform-style:preserve-3d;cursor:grab;z-index:2;transition:box-shadow .2s ease;touch-action:none}.lanyard-card-wrapper.is-dragging{cursor:grabbing}.lanyard-clasp{position:absolute;top:-28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:5;pointer-events:none}.lanyard-clasp__ring{width:24px;height:14px;border:3px solid #94a3b8;border-radius:8px;background:#0f172a}.lanyard-clasp__body{width:18px;height:18px;background:linear-gradient(180deg,#475569,#1e293b);border-radius:4px;border:1px solid #64748b;margin-top:-3px}.lanyard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(180deg,#fff,#f1f5f9 82%);border-radius:16px;box-shadow:0 22px 50px #000000a6,0 0 28px #2563eb47;border:2px solid rgba(255,255,255,.9);overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:14px 18px 0;color:#0f172a}.lanyard-face--back{transform:rotateY(180deg)}.lanyard-card__slot{width:48px;height:8px;background:#0f172a;border-radius:999px;margin-bottom:12px;box-shadow:inset 0 1px 3px #0009}.lanyard-card__header{text-align:center;margin-bottom:10px}.lanyard-card__role{display:block;font-size:1.25rem;font-weight:800;letter-spacing:.04em;color:#0f172a;line-height:1.1}.lanyard-card__dept{display:block;font-size:.62rem;font-weight:700;letter-spacing:.08em;color:#2563eb;margin-top:2px}.lanyard-card__photo-frame{width:150px;height:175px;border-radius:10px;overflow:hidden;border:3px solid #1e3a8a;box-shadow:0 8px 20px #0f172a2e;background:#1d4ed8;margin-bottom:10px}.lanyard-card__photo{width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none}.lanyard-card__name-wrap{text-align:center;margin-bottom:auto}.lanyard-card__name{font-size:1.05rem;font-weight:800;letter-spacing:.06em;color:#0f172a}.lanyard-card__scan-sub{font-size:.66rem;font-weight:600;color:#334155}.lanyard-card__qr-box{width:162px;height:162px;padding:10px;background:#fff;border:2px solid #cbd5e1;border-radius:12px;margin:6px 0 10px;box-shadow:0 6px 16px #0f172a14}.lanyard-card__qr-svg{width:100%;height:100%}.lanyard-card__footer{position:relative;width:calc(100% + 36px);margin:0 -18px;height:44px;background:linear-gradient(90deg,#091326,#172554,#091326);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;letter-spacing:.26em;overflow:hidden}.lanyard-card__footer-wave{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#60a5fa,#2563eb)}.lanyard-controls{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:3}.lanyard-flip-btn{background:#0f172acc;border:1px solid rgba(59,130,246,.35);color:#93c5fd;padding:.35rem .9rem;border-radius:999px;font-size:.76rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease}.lanyard-flip-btn:hover{background:#2563eb40;color:#fff}.lanyard-hint{font-size:.7rem;color:var(--text-dim)}.alf-about{padding:5.5rem 0 4rem}.alf-about__hero-grid{display:grid;grid-template-columns:.95fr 1fr 1.15fr;align-items:center;gap:2rem;margin-bottom:5.5rem}.alf-about__big-title{display:flex;flex-direction:column;font-size:clamp(2.3rem,4.2vw,3.5rem);font-weight:800;line-height:1.08;letter-spacing:-.02em;margin-bottom:1.5rem}.alf-about__hi{color:#fff}.alf-about__name-accent{color:var(--blue-bright)}.alf-about__contact-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1.15rem;border-radius:999px;background:#0f172acc;border:1px solid rgba(59,130,246,.32);font-size:.84rem;font-weight:500;color:#e2e8f0;transition:all .2s ease}.alf-about__contact-pill:hover{border-color:var(--blue-bright);background:#2563eb2e;transform:translateY(-2px)}.alf-about__contact-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 10px #3b82f6}.alf-about__center{display:flex;justify-content:center;align-items:center}.alf-about__portrait-stage{position:relative;width:300px;height:390px;display:flex;align-items:flex-end;justify-content:center}.alf-about__portrait-glow{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.48) 0%,transparent 70%);filter:blur(28px);top:18%;z-index:0}.alf-about__portrait-canvas{position:relative;z-index:1;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,.65));opacity:0;transition:opacity .35s ease}.alf-about__portrait-canvas.is-loaded{opacity:1}.alf-about__bio-p{color:#cbd5e1;font-size:.92rem;line-height:1.75;margin-bottom:1rem}.alf-about__bio-p strong{color:#fff;font-weight:600}.alf-about__right-btns{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.35rem}.alf-section-head{text-align:center;margin-bottom:2.75rem}.alf-section-head__title{font-size:clamp(1.85rem,3.2vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.45rem}.alf-section-head__sub{color:var(--text-muted);font-size:.92rem;max-width:560px;margin:0 auto}.alf-edu{margin-bottom:5rem}.alf-edu__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2.25rem}.alf-edu__col-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.alf-edu__col-icon{width:38px;height:38px;border-radius:.65rem;background:#2563eb29;border:1px solid rgba(59,130,246,.35);color:var(--blue-bright);display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem}.alf-edu__col-header h3{font-size:1.2rem;font-weight:700}.alf-edu__list{display:flex;flex-direction:column;gap:1.15rem}.alf-edu__card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:1rem;padding:1.4rem 1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,border-color .2s ease,background .2s ease}.alf-edu__card:hover{transform:translateY(-3px);border-color:var(--border-glow);background:var(--bg-card-hover)}.alf-edu__badge{display:inline-block;padding:.22rem .7rem;border-radius:999px;font-size:.72rem;font-weight:600;background:#2563eb2e;color:#93c5fd;border:1px solid rgba(59,130,246,.3);margin-bottom:.65rem}.alf-edu__card-title{font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:.15rem}.alf-edu__card-role{display:block;font-size:.82rem;font-weight:600;color:var(--blue-bright);margin-bottom:.55rem}.alf-edu__card-desc{font-size:.84rem;color:var(--text-muted);line-height:1.65}.alf-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.alf-stats-grid--two{grid-template-columns:repeat(2,1fr)}.alf-stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:1rem;padding:1.35rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.alf-stat-card:hover{transform:translateY(-4px);border-color:var(--border-glow);background:var(--bg-card-hover)}.alf-stat-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.alf-stat-card__label{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted)}.alf-stat-card__icon{width:36px;height:36px;border-radius:50%;background:#1e293bcc;display:inline-flex;align-items:center;justify-content:center;color:#93c5fd;font-size:1.1rem}.alf-stat-card__number{font-size:2.3rem;font-weight:800;color:#fff;line-height:1.1;margin-bottom:.5rem}.alf-stat-card__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.76rem;color:var(--text-dim)}.alf-music{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:2.5rem;padding-top:1.5rem}.alf-music__title{font-size:clamp(2rem,3.8vw,3rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin-bottom:.9rem}.alf-music__desc{color:var(--text-muted);font-size:.94rem;max-width:400px}.alf-spotify-card{background:linear-gradient(160deg,#1b4d3e,#0f2922,#091715);border:1px solid rgba(52,211,153,.25);border-radius:1.25rem;padding:1.35rem;box-shadow:0 20px 45px #0000008c}.alf-spotify-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}.alf-spotify-card__cover{width:78px;height:78px;border-radius:.65rem;overflow:hidden;flex-shrink:0;box-shadow:0 8px 20px #0006}.alf-spotify-card__cover img{width:100%;height:100%;object-fit:cover;object-position:center top}.alf-spotify-card__meta{flex:1;min-width:0}.alf-spotify-card__tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#a7f3d0;font-weight:600}.alf-spotify-card__name{font-size:1.25rem;font-weight:800;color:#fff;line-height:1.2}.alf-spotify-card__author{display:block;font-size:.78rem;color:#cbd5e1;margin-bottom:.45rem}.alf-spotify-card__progress-row{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:#cbd5e1}.alf-spotify-card__bar{flex:1;height:4px;background:#fff3;border-radius:999px;overflow:hidden}.alf-spotify-card__bar-fill{height:100%;background:#10b981;border-radius:999px}.alf-spotify-card__actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:.65rem}.alf-spotify-card__logo{font-size:1.4rem;color:#34d399}.alf-spotify-card__play-btn{width:42px;height:42px;border-radius:50%;background:#10b981;color:#052e16;border:none;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:transform .15s ease,background .15s ease}.alf-spotify-card__play-btn:hover{transform:scale(1.06);background:#34d399}.alf-spotify-card__tracks{display:flex;flex-direction:column;gap:.25rem;max-height:195px;overflow-y:auto;padding-right:4px}.alf-spotify-empty{padding:1.15rem .75rem;text-align:center;font-size:.82rem;color:#cbd5e1b8;border-top:1px solid rgba(255,255,255,.1)}.alf-spotify-track{display:flex;align-items:center;gap:.75rem;width:100%;padding:.45rem .65rem;border-radius:.5rem;background:transparent;border:none;color:#e2e8f0;text-align:left;cursor:pointer;transition:background .15s ease}.alf-spotify-track:hover,.alf-spotify-track.is-active{background:#ffffff1a}.alf-spotify-track__num{width:20px;font-size:.78rem;color:#94a3b8;text-align:center}.alf-spotify-track__info{flex:1;display:flex;flex-direction:column;min-width:0}.alf-spotify-track__info strong{font-size:.83rem;font-weight:600;color:#fff}.alf-spotify-track.is-active .alf-spotify-track__info strong{color:#34d399}.alf-spotify-track__info small{font-size:.72rem;color:#94a3b8}.alf-spotify-track__dur{font-size:.75rem;color:#cbd5e1}.alf-eq-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.alf-eq-bars i{width:3px;background:#34d399;animation:eqBounce .6s infinite alternate}.alf-eq-bars i:nth-child(2){animation-delay:.2s}.alf-eq-bars i:nth-child(3){animation-delay:.4s}@keyframes eqBounce{0%{height:3px}to{height:12px}}.alf-portfolio{padding:5.5rem 0 4rem}.alf-tabs-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;background:#0b1223d1;border:1px solid var(--border-subtle);border-radius:1rem;padding:.45rem;margin-bottom:2.5rem}.alf-tabs-bar--two{grid-template-columns:repeat(2,1fr);max-width:520px;margin-left:auto;margin-right:auto}.alf-tab-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;border-radius:.75rem;background:transparent;border:none;color:var(--text-muted);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.alf-tab-btn:hover{color:#fff}.alf-tab-btn.is-active{background:linear-gradient(135deg,#2563eb59,#3b82f633);color:#fff;border:1px solid rgba(59,130,246,.45);box-shadow:0 4px 16px #2563eb40}.alf-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.alf-project-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:1.1rem;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.alf-project-card:hover{transform:translateY(-5px);border-color:var(--border-glow);box-shadow:0 16px 36px #00000080}.alf-project-card__img-wrap{height:195px;overflow:hidden;background:#0b1329}.alf-project-card__img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.alf-project-card:hover .alf-project-card__img{transform:scale(1.05)}.alf-project-card__body{padding:1.35rem;display:flex;flex-direction:column;flex:1}.alf-project-card__title{font-size:1.12rem;font-weight:700;color:#fff;margin-bottom:.45rem}.alf-project-card__desc{font-size:.84rem;color:var(--text-muted);margin-bottom:1rem;flex:1}.alf-project-card__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.15rem}.alf-project-card__tag{font-size:.72rem;padding:.2rem .65rem;border-radius:999px;background:#2563eb26;color:#93c5fd;border:1px solid rgba(59,130,246,.25)}.alf-project-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:.85rem;border-top:1px solid rgba(148,163,184,.12)}.alf-project-card__demo{font-size:.82rem;font-weight:600;color:#60a5fa;display:inline-flex;align-items:center;gap:.3rem}.alf-project-card__demo:hover{color:#93c5fd}.alf-project-card__details-btn{background:#1e293bd9;border:1px solid rgba(59,130,246,.3);color:#e2e8f0;padding:.4rem .9rem;border-radius:.55rem;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s ease}.alf-project-card__details-btn:hover{background:var(--blue-primary);color:#fff}.alf-proj-detail{background:#0a1020bf;border:1px solid var(--border-subtle);border-radius:1.25rem;padding:2rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.alf-proj-detail__topbar{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem;flex-wrap:wrap}.alf-proj-detail__back{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.1rem;border-radius:.65rem;background:#1e293bcc;border:1px solid rgba(59,130,246,.32);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.alf-proj-detail__back:hover{background:var(--blue-primary)}.alf-proj-detail__crumb{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted)}.alf-proj-detail__crumb strong{color:#fff}.alf-proj-detail__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.25rem;align-items:start}.alf-proj-detail__title{font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:800;margin-bottom:.55rem}.alf-proj-detail__bar{width:72px;height:4px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#60a5fa);margin-bottom:1.25rem}.alf-proj-detail__desc{color:#cbd5e1;font-size:.92rem;line-height:1.75;margin-bottom:1.5rem}.alf-proj-detail__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.alf-proj-detail__stat-box{background:#0f172ad9;border:1px solid var(--border-subtle);border-radius:.85rem;padding:.9rem 1.1rem;display:flex;align-items:center;gap:.8rem}.alf-proj-detail__stat-box i{font-size:1.4rem;color:var(--blue-bright)}.alf-proj-detail__stat-box strong{display:block;font-size:1.1rem;color:#fff}.alf-proj-detail__stat-box span{font-size:.74rem;color:var(--text-muted)}.alf-proj-detail__actions{margin-bottom:1.75rem}.alf-proj-detail__subhead{font-size:.95rem;font-weight:700;margin-bottom:.75rem;display:flex;align-items:center;gap:.45rem;color:#e2e8f0}.alf-proj-detail__pills{display:flex;flex-wrap:wrap;gap:.5rem}.alf-proj-detail__pill{padding:.4rem .85rem;border-radius:.6rem;background:#2563eb29;border:1px solid rgba(59,130,246,.3);font-size:.8rem;color:#93c5fd;display:inline-flex;align-items:center;gap:.35rem}.alf-proj-detail__img-box{border-radius:1rem;overflow:hidden;border:1px solid var(--border-subtle);margin-bottom:1.25rem;box-shadow:0 14px 32px #00000073}.alf-proj-detail__img{width:100%;display:block}.alf-proj-detail__features{background:#0f172acc;border:1px solid var(--border-subtle);border-radius:.9rem;padding:1.25rem}.alf-proj-detail__features h4{font-size:.95rem;margin-bottom:.65rem;color:#fff;display:flex;align-items:center;gap:.4rem}.alf-proj-detail__features ul{list-style:disc;padding-left:1.25rem;color:var(--text-muted);font-size:.85rem;display:flex;flex-direction:column;gap:.4rem}.alf-certs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.5rem}.alf-cert-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:1.1rem;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.alf-cert-card:hover{transform:translateY(-4px);border-color:var(--border-glow)}.alf-cert-card__preview{padding:1.1rem;background:linear-gradient(135deg,#0d1b3a,#091024)}.alf-cert-card__sheet{background:linear-gradient(180deg,#f8fafc,#e2e8f0);color:#0f172a;border-radius:.65rem;padding:1.1rem;text-align:center;border:2px solid #93c5fd;position:relative}.alf-cert-card__seal{color:#2563eb;font-size:1.5rem;margin-bottom:.2rem}.alf-cert-card__sheet-top{font-size:.62rem;font-weight:800;letter-spacing:.14em;color:#475569;display:block}.alf-cert-card__sheet h4{font-size:.85rem;font-weight:800;margin:.35rem 0;color:#0f172a}.alf-cert-card__sheet p{font-size:.72rem;color:#334155;margin-bottom:.6rem}.alf-cert-card__sheet-foot{display:flex;justify-content:space-between;font-size:.65rem;font-weight:700;color:#1e3a8a;border-top:1px solid #cbd5e1;padding-top:.4rem}.alf-cert-card__body{padding:1.25rem}.alf-cert-card__badge{display:inline-block;font-size:.7rem;font-weight:600;color:#60a5fa;background:#2563eb29;padding:.2rem .65rem;border-radius:999px;margin-bottom:.55rem}.alf-cert-card__title{font-size:1rem;font-weight:700;margin-bottom:.4rem}.alf-cert-card__desc{font-size:.82rem;color:var(--text-muted)}.alf-tech-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.15rem}.alf-tech-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:1rem;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;transition:all .2s ease}.alf-tech-card:hover{transform:translateY(-5px);border-color:var(--border-glow);background:var(--bg-card-hover);box-shadow:0 10px 25px #2563eb33}.alf-tech-card__icon-wrap{width:54px;height:54px;display:flex;align-items:center;justify-content:center}.alf-tech-card__icon{width:48px;height:48px;object-fit:contain}.alf-tech-card__name{font-size:.85rem;font-weight:600;color:#e2e8f0}.alf-contact{padding:5.5rem 0 5rem}.alf-contact__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;align-items:start}.alf-contact-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:1.25rem;padding:1.85rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.alf-contact-card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.35rem}.alf-contact-card__title{font-size:1.35rem;font-weight:700;color:var(--blue-bright);margin-bottom:.25rem}.alf-contact-card__sub{font-size:.82rem;color:var(--text-muted)}.alf-contact-card__share{font-size:1.3rem;color:var(--blue-bright)}.alf-form{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1.75rem}.alf-input-group{position:relative;display:flex;align-items:center}.alf-input-group--textarea{align-items:flex-start}.alf-input-group__icon{position:absolute;left:1rem;top:.85rem;color:var(--text-dim);font-size:1.05rem}.alf-input{width:100%;background:#0f172ad1;border:1px solid rgba(59,130,246,.22);border-radius:.75rem;padding:.8rem 1rem .8rem 2.75rem;color:#fff;font-size:.88rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.alf-comment-field .alf-input{padding-left:1rem}.alf-input:focus{border-color:var(--blue-bright);box-shadow:0 0 0 3px #3b82f629}.alf-textarea{resize:vertical;min-height:96px}.alf-form-alert{font-size:.82rem;padding:.65rem .9rem;border-radius:.6rem}.alf-form-alert--ok{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.35)}.alf-form-alert--err{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.alf-findme-box{border-top:1px solid rgba(148,163,184,.14);padding-top:1.35rem}.alf-findme-box__head{display:flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;color:#e2e8f0;margin-bottom:.9rem}.alf-findme-box__line{width:22px;height:3px;background:var(--blue-bright);border-radius:99px}.alf-findme-item{display:flex;align-items:center;gap:.8rem;padding:.75rem .95rem;background:#0f172ac7;border:1px solid rgba(59,130,246,.18);border-radius:.8rem;transition:all .2s ease}.alf-findme-item:hover{border-color:var(--blue-bright);transform:translateY(-2px)}.alf-findme-item--featured{margin-bottom:.75rem}.alf-findme-box__row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.alf-findme-item__icon{width:38px;height:38px;border-radius:.6rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.alf-findme-item__icon--ig{background:#ec489929;color:#f472b6}.alf-findme-item__icon--li{background:#3b82f62e;color:#60a5fa}.alf-findme-item__icon--gh{background:#94a3b829;color:#e2e8f0}.alf-findme-item__info{flex:1;min-width:0}.alf-findme-item__info strong{display:block;font-size:.85rem;color:#fff}.alf-findme-item__info span{font-size:.74rem;color:var(--text-muted)}.alf-findme-item__ext{color:var(--text-dim)}.alf-comment-card__header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid rgba(148,163,184,.14)}.alf-comment-card__icon{width:36px;height:36px;border-radius:.6rem;background:#2563eb2e;color:var(--blue-bright);display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem}.alf-comment-form{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1.4rem}.alf-comment-field label{display:block;font-size:.8rem;font-weight:600;color:#e2e8f0;margin-bottom:.35rem}.alf-comment-field .req{color:#ef4444}.alf-file-picker{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .75rem;background:#0f172ad1;border:1px dashed rgba(59,130,246,.35);border-radius:.75rem}.alf-file-picker__btn{background:#2563eb38;border:1px solid rgba(59,130,246,.4);color:#93c5fd;padding:.4rem .9rem;border-radius:.5rem;font-size:.78rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.alf-file-picker__hint{font-size:.72rem;color:var(--text-dim)}.alf-comment-list{display:flex;flex-direction:column;gap:.75rem;max-height:240px;overflow-y:auto;padding-right:4px}.alf-comment-item{display:flex;gap:.75rem;padding:.85rem;border-radius:.85rem;background:#0f172abf;border:1px solid rgba(59,130,246,.16)}.alf-comment-item.is-pinned{border-color:#3b82f661;background:#17255459}.alf-comment-item__avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;background:var(--blue-primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alf-comment-item__avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}.alf-comment-item__body{flex:1;min-width:0}.alf-comment-item__top{display:flex;align-items:center;gap:.45rem;margin-bottom:.2rem}.alf-comment-item__top strong{font-size:.84rem;color:#fff}.alf-comment-item__pin{font-size:.65rem;padding:.1rem .45rem;border-radius:99px;background:#2563eb4d;color:#93c5fd;font-weight:600}.alf-comment-item__top small{font-size:.7rem;color:var(--text-dim);margin-left:auto}.alf-comment-item__body p{font-size:.82rem;color:#cbd5e1}.alf-footer{border-top:1px solid rgba(59,130,246,.16);background:#040710e6;padding:3.5rem 0 2rem;position:relative;z-index:2}.alf-footer__grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(148,163,184,.12)}.alf-footer__logo{font-size:1.4rem;font-weight:800;color:#fff;display:inline-block;margin-bottom:.65rem}.alf-footer__desc{font-size:.85rem;color:var(--text-muted);max-width:360px}.alf-footer__heading{font-size:.78rem;font-weight:700;letter-spacing:.12em;color:#fff;margin-bottom:.9rem}.alf-footer__nav ul{display:flex;flex-direction:column;gap:.45rem}.alf-footer__nav a{font-size:.85rem;color:var(--text-muted);transition:color .2s ease}.alf-footer__nav a:hover{color:var(--blue-bright)}.alf-footer__socials{display:flex;gap:.6rem}.alf-footer__socials a{width:38px;height:38px;border-radius:.6rem;background:#0f172ad9;border:1px solid rgba(59,130,246,.22);display:inline-flex;align-items:center;justify-content:center;color:#cbd5e1;transition:all .2s ease}.alf-footer__socials a:hover{border-color:var(--blue-bright);color:#fff;background:var(--blue-primary)}.alf-footer__bottom{padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--text-dim)}.alf-footer__top-btn{display:inline-flex;align-items:center;gap:.35rem;color:#93c5fd;font-weight:600}.services__modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#020617d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1100}.services__modal-content{position:relative;border-radius:.85rem;border:1px solid rgba(59,130,246,.3)}.button{display:inline-flex;align-items:center;background:var(--blue-primary);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:600}@media screen and (max-width: 992px){.alf-hero{min-height:auto;padding:6.5rem 0 3rem}.alf-hero__grid{grid-template-columns:1fr;text-align:center;gap:1.5rem}.alf-hero__typewriter,.alf-hero__actions,.alf-hero__socials{justify-content:center}.alf-hero__findme{align-items:center}.alf-hero__desc{margin-left:auto;margin-right:auto}.alf-about__hero-grid{grid-template-columns:1fr;text-align:center;gap:1.75rem;margin-bottom:3.75rem}.alf-about__right-btns{justify-content:center}.alf-edu__grid,.alf-music,.alf-proj-detail__grid,.alf-contact__grid{grid-template-columns:1fr;gap:1.5rem}.alf-music{text-align:center}.alf-music__desc{margin-left:auto;margin-right:auto}.alf-tech-grid{grid-template-columns:repeat(3,1fr)}.alf-footer__grid{grid-template-columns:1fr;gap:1.75rem}}@media screen and (max-width: 640px){html,body,.alf-app{overflow-x:hidden;max-width:100vw}.alf-container{padding:0 1.1rem}.alf-header{top:.75rem;padding:0 .65rem}.alf-nav-pill{max-width:100%;padding:.3rem .38rem;gap:.15rem;overflow-x:auto;scrollbar-width:none}.alf-nav-pill::-webkit-scrollbar{display:none}.alf-nav-pill__link{padding:.38rem .68rem;font-size:.76rem;white-space:nowrap}.alf-hero{padding:5.5rem 0 2.25rem}.alf-hero__title{font-size:clamp(2rem,8.5vw,2.55rem);margin-bottom:.65rem}.alf-hero__typewriter{font-size:1rem;min-height:1.75rem;margin-bottom:.75rem}.alf-hero__desc{font-size:.86rem;line-height:1.65;margin-bottom:1.35rem}.alf-hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;width:100%;max-width:340px;margin:0 auto 1.65rem}.alf-hero__actions .alf-btn{padding:.68rem .85rem;font-size:.82rem;width:100%}.lanyard-stage{width:100%;max-width:280px;height:430px;margin:0 auto}.lanyard-svg{width:280px;height:250px;top:-32px}.lanyard-card-wrapper{margin-top:62px;width:214px;height:322px}.lanyard-card__role{font-size:1.08rem}.lanyard-card__dept{font-size:.56rem}.lanyard-card__photo-frame{width:128px;height:148px;margin-bottom:8px}.lanyard-card__name{font-size:.94rem}.lanyard-card__qr-box{width:136px;height:136px;padding:8px}.lanyard-card__footer{height:38px;font-size:.7rem}.alf-about,.alf-portfolio,.alf-contact{padding:3.25rem 0 2.5rem}.alf-about__big-title{font-size:2.1rem;margin-bottom:1rem}.alf-about__portrait-stage{width:220px;height:275px;margin:0 auto}.alf-about__bio-p{font-size:.86rem;line-height:1.68}.alf-about__right-btns{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;max-width:340px;margin:1.15rem auto 0}.alf-about__right-btns .alf-btn{width:100%}.alf-section-head{margin-bottom:1.85rem}.alf-section-head__title{font-size:1.65rem}.alf-section-head__sub{font-size:.84rem}.alf-edu{margin-bottom:3.25rem}.alf-edu__card{padding:1.15rem}.alf-stats-grid,.alf-stats-grid--two{grid-template-columns:1fr;gap:.9rem}.alf-stat-card{padding:1.15rem 1.25rem}.alf-stat-card__number{font-size:1.95rem}.alf-music__title{font-size:1.85rem}.alf-spotify-card{padding:1.05rem;text-align:left}.alf-spotify-card__header{gap:.75rem}.alf-spotify-card__cover{width:62px;height:62px}.alf-spotify-card__name{font-size:1.08rem}.alf-tabs-bar,.alf-tabs-bar--two{grid-template-columns:repeat(2,1fr);padding:.35rem;margin-bottom:1.65rem}.alf-tab-btn{padding:.65rem .5rem;font-size:.8rem}.alf-projects-grid{grid-template-columns:1fr;gap:1.2rem}.alf-project-card__img-wrap{height:175px}.alf-project-card__body{padding:1.15rem}.alf-tech-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.alf-tech-card{padding:1.15rem .75rem}.alf-proj-detail{padding:1.15rem}.alf-proj-detail__stats{grid-template-columns:1fr}.alf-contact-card{padding:1.25rem}.alf-findme-box__row{grid-template-columns:1fr}.alf-file-picker{flex-wrap:wrap;gap:.5rem}.alf-comment-item{padding:.75rem}.alf-comment-item__top{flex-wrap:wrap}.alf-footer{padding:2.5rem 0 1.5rem}.alf-footer__bottom{flex-direction:column;text-align:center;justify-content:center}}
