*{box-sizing:border-box}*::before,*::after{box-sizing:inherit}body{margin:0;background:radial-gradient(circle at 20% 20%, rgba(255,122,0,0.08), transparent 35%),radial-gradient(circle at 80% 10%, rgba(255,178,95,0.08), transparent 30%),#f0f0f0;color:#4f4f4f;font-family:'Space Grotesk', 'Segoe UI', sans-serif;line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{color:#ffb25f}img{max-width:100%;display:block}.page{max-width:1200px;margin:0 auto;padding:3rem clamp(1.5rem, 4vw, 2.75rem) 4rem}.floating-chip{position:fixed;right:clamp(1rem, 3vw, 1.75rem);bottom:clamp(1rem, 3vw, 1.75rem);display:inline-flex;align-items:center;gap:0.5rem;padding:0.65rem 0.95rem;border-radius:999px;background:linear-gradient(60deg, #ff7a00, #ffb25f);color:white;font-weight:700;letter-spacing:0.04em;box-shadow:0 10px 30px rgba(255,122,0,0.28);animation:chipFloat 3.4s ease-in-out infinite;transition:opacity 160ms ease, transform 200ms ease;z-index:30;border:1px solid #ffe2c7}.floating-chip__dot{width:12px;height:12px;border-radius:50%;background:white;box-shadow:0 0 0 0 rgba(12,12,16,0.35);animation:chipPulse 2.6s ease-in-out infinite}.floating-chip.is-hidden{opacity:0;transform:translateY(10px) scale(0.97);pointer-events:none}@keyframes chipFloat{0%, 100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes chipPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.35)}70%{box-shadow:0 0 0 12px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}.site-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.75rem 1rem;background:rgba(18,18,26,0.8);border:1px solid rgba(255,255,255,0.05);border-radius:14px;backdrop-filter:blur(8px)}.socials{display:inline-flex;align-items:center;gap:0.35rem}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,0.18);color:#c8c8c8;transition:transform 140ms ease, border-color 140ms ease, color 140ms ease}.social-icon:hover{transform:translateY(-1px);border-color:#ffb25f;color:#ffb25f}.logo-mark{width:14px;height:14px;background:linear-gradient(135deg, #ff7a00, #ffb25f);border-radius:4px;box-shadow:0 0 18px rgba(255,122,0,0.6)}.site-meta{display:flex;align-items:baseline;gap:0.5rem;text-transform:uppercase;letter-spacing:0.08em;font-size:0.9rem;color:#cacaca}.site-title{color:#c8c8c8;font-weight:700;letter-spacing:0.04em}.hero{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:clamp(2rem, 4vw, 3rem);margin-top:2.5rem}.hero2{display:grid}.hero__text h1{margin:0;font-size:clamp(1.8rem, 3vw, 4.6rem);letter-spacing:-0.02em;text-transform:uppercase;line-height:1}.tagline{margin:0.75rem 0 1.5rem;color:#cacaca;font-size:1.05rem}.eyebrow{display:inline-flex;align-items:center;gap:0.35rem;text-transform:uppercase;letter-spacing:0.14em;font-size:0.75rem;color:#ffb25f}.cta-row{display:flex;gap:0.75rem;flex-wrap:wrap}.btn-orange{display:inline-flex;color:#d08746;align-items:center;justify-content:center;gap:0.5rem;padding:0.85rem 1.4rem;border-radius:10px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(120deg, rgba(255,178,95,0.61), rgba(216,216,216,0.28));background-size:300% 300%;font-weight:700;letter-spacing:0.03em;box-shadow:0 15px 30px rgba(255,122,0,0.25);transition:transform 160ms ease, box-shadow 160ms ease;border:1px solid rgba(255,255,255,0.507);animation:btnGradient 4s linear infinite}.btn-orange:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(102,54,9,0.64)}.btn-orange::before{content:'';position:absolute;inset:-1px;border-radius:inherit;z-index:-1;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes btnGradient{0%{background-position:100% 0%}50%{background-position:0% 100%}100%{background-position:100% 0%}}.btn-orange-icon{padding:unset;border:0;border-radius:unset;color:#c8c8c8;font-weight:unset;background:unset;box-shadow:unset}.btn-orange-icon:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(255,122,0,0.32);box-shadow:0 15px 30px rgba(255,122,0,0.25)}.hero__profile{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-circle{width:clamp(220px, 32vw, 320px);height:clamp(220px, 32vw, 320px);border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 30%, rgba(255,122,0,0.2), rgba(12,12,16,0.9));box-shadow:0 15px 30px rgba(255,122,0,0.25);border:2px solid #ffe2c7}.profile-circle img{width:100%;height:100%;object-fit:cover}.pixel-name{font-family:'VT323', monospace;font-size:clamp(12vw, 8vw, 6rem);color:#4e4e4e;letter-spacing:-0.02em;text-shadow:4px 4px 0 rgba(255,149,55,0.48);text-align:left;line-height:0.8;margin-top:10px;margin-bottom:50px}.hero__stats{background:rgba(18,18,26,0.85);border:1px solid rgba(255,255,255,0.05);border-radius:18px;padding:1.5rem;display:grid;gap:1.25rem;box-shadow:0 18px 40px rgba(0,0,0,0.35)}.stat h3{margin:0 0 0.35rem;font-size:1.2rem;color:#ffb25f}.stat p{margin:0;color:#cacaca}.stat--skills{display:flex;flex-wrap:wrap;gap:0.6rem}.pill{display:inline-flex;align-items:center;gap:0.4rem;padding:0.55rem 0.85rem;border-radius:999px;background:rgba(255,255,255,0.06);color:#c8c8c8;font-size:0.95rem;border:1px solid rgba(255,255,255,0.08)}.pill--ghost{background:transparent;border-color:rgba(255,255,255,0.18);color:#c8c8c8}.section{margin-top:3rem}.section__header h2{margin:0.35rem 0 0;font-size:1.6rem}.work__list{display:grid;grid-template-columns:1;gap:1rem;margin-top:1.25rem}.cert__list,.project__list,.education__list,.skill__list{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1rem;margin-top:1.25rem}.work__item,.cert__item,.project__item,.education__item,.skill__item{background:rgba(18,18,26,0.85);border-radius:14px;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,0.06);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}.work__top,.cert__top,.project__top,.education__top,.skill__top{display:flex;justify-content:space-between;gap:0.8rem;font-weight:700}.work__role,.cert__name,.project__name,.education__program,.skill__name{color:#ffb25f}.work__time,.cert__year,.project__year,.education__year{color:#4f4f4f}.work__meta,.project__stack,.education__school{color:#cacaca;margin:0.35rem 0}.work__summary,.cert__details,.project__desc,.education__focus{color:#cacaca;margin:0;font-size:0.95rem}.work__highlights{margin:0.6rem 0 0;padding-left:1rem;color:#cacaca;display:grid;gap:0.35rem}.work__details{position:relative;transition:max-height 200ms ease}.work__details.is-collapsed{max-height:120px;overflow:hidden}.work__details.is-collapsed::after{content:'';position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(to bottom, rgba(18,18,26,0), rgba(50,50,55,0.9))}.work__toggle{font-family:'Space Grotesk', 'Segoe UI', sans-serif;margin-top:0.75rem;background:transparent;color:#c8c8c8;border:none;padding:0.55rem 0.9rem;letter-spacing:0.02em;cursor:pointer;transition:transform 140ms ease, border-color 140ms ease, color 140ms ease}.work__toggle:hover{transform:translateY(-1px);color:#ffb25f}.cert__issuer{color:#cacaca;margin:0.35rem 0}.btn__spacing{width:fit-content}.skill__items{margin:0.35rem 0 0;padding-left:1rem;color:#cacaca;display:grid;gap:0.3rem;list-style:disc}.site-footer{margin-top:4rem;padding-top:1.5rem;color:#cacaca;font-size:0.9rem;text-align:center}.site-footer hr{display:block;height:1px;border:0;border-top:1px solid #cacaca;margin:1em 0;padding:0}.cert__details{margin:0.35rem 0 0;padding-left:1rem;color:#cacaca;display:grid;gap:0.3rem;list-style:disc}.cert__details li{margin:0}@media (max-width: 720px){.site-bar{flex-wrap:wrap}.hero{grid-template-columns:1fr}.cta-row{width:100%}.btn-orange{flex:1 1 auto;justify-content:center}.page{padding:2.5rem 1.25rem 3rem}}