.page-content,.experience-page,.resume-wrapper{width:min(var(--max),calc(100% - 48px));margin-inline:auto;padding:90px 0 28px}
.page-content{max-width:1200px}.experience-page{max-width:1000px}.resume-wrapper{max-width:930px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--cyan);font-size:.72rem;font-weight:820;letter-spacing:.13em;text-transform:uppercase}.eyebrow::before{content:"";width:24px;height:1px;background:currentColor;box-shadow:0 0 12px rgba(101,242,208,.55)}
.projects-intro,.about-section:first-child,.page-hero{max-width:920px;margin-bottom:64px}
.projects-intro h2,.about-section h2,.page-hero h1,.resume-card h2{margin:0 0 18px;font-size:clamp(2.4rem,5.8vw,5.2rem);line-height:.98;letter-spacing:-.06em}
.projects-intro>p,.about-section>p,.page-hero>p,.resume-subtext,.resume-value>p{max-width:800px;color:var(--muted);font-size:.98rem;line-height:1.82}
.about-section{margin-bottom:72px}.about-section:not(:first-child)>h2{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.045em}
.about-bullets,.experience-bullets{margin:26px 0 0;padding:0;list-style:none;display:grid;gap:10px}.about-bullets li,.experience-bullets li{position:relative;padding:16px 18px 16px 44px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.022)}.about-bullets li::before,.experience-bullets li::before{content:"✓";position:absolute;left:16px;top:16px;color:var(--cyan);font-weight:850}.about-bullets p,.experience-bullets p{margin:0;color:#b8c4d8;font-size:.86rem;line-height:1.7}
.skills-grid,.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.skill-box,.projects-grid .project-card,.experience-section,.resume-card,.resume-value{border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,26,44,.84),rgba(8,13,25,.92));box-shadow:0 16px 55px rgba(0,0,0,.14)}
.skill-box,.projects-grid .project-card{position:relative;overflow:hidden;padding:26px;border-radius:22px;transition:.2s ease}.skill-box:hover,.projects-grid .project-card:hover{transform:translateY(-5px);border-color:rgba(101,242,208,.25);box-shadow:0 24px 70px rgba(0,0,0,.22)}
.skill-box h3,.projects-grid .project-card h3{margin:0 0 11px;font-size:1.2rem;line-height:1.25;letter-spacing:-.035em}.skill-box p,.projects-grid .project-card p{color:var(--muted);font-size:.86rem;line-height:1.72}
.projects-grid .project-card{display:flex;min-height:300px;flex-direction:column}.projects-grid .project-card::after{content:"";position:absolute;width:170px;height:170px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(108,168,255,.12),transparent 72%);pointer-events:none}.project-meta{margin-top:0!important;color:#aac7ff!important;font-size:.72rem!important;font-weight:760!important;letter-spacing:.02em}.projects-grid .project-card>a{margin-top:auto;padding-top:22px;color:var(--cyan);font-size:.8rem;font-weight:780}.projects-grid .project-card>a:hover{color:#b3fae9}
.projects-grid>.project-card{grid-column:auto;min-width:0;width:auto}
.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.chip{padding:6px 9px;border:1px solid rgba(168,180,206,.12);border-radius:999px;background:rgba(255,255,255,.024);color:#98a6bd;font-size:.65rem;font-weight:700}
.experience-section{position:relative;margin-bottom:20px;padding:30px 32px 30px 36px;border-radius:22px}.experience-section::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:2px;background:linear-gradient(var(--cyan),var(--blue))}.experience-section h2{margin:0 0 9px;font-size:1.45rem;letter-spacing:-.035em}.experience-meta{margin:0 0 17px;color:#c2cee1;font-size:.82rem}.experience-meta span{color:var(--muted)}.experience-section .chip-row{margin-top:4px}
.resume-card,.resume-value{padding:clamp(28px,5vw,48px);border-radius:28px}.resume-card{position:relative;overflow:hidden}.resume-card::after{content:"";position:absolute;width:420px;height:420px;right:-210px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(101,242,208,.10),transparent 70%);pointer-events:none}.resume-value{margin-top:20px}.resume-value h3{margin:0 0 14px;font-size:1.65rem;letter-spacing:-.04em}.contact-row{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.primary-btn,.secondary-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid transparent;border-radius:12px;font-size:.82rem;font-weight:780;transition:.18s ease}.primary-btn{color:#04100e;background:linear-gradient(135deg,#89f7df,#64d6ff);box-shadow:0 12px 34px rgba(101,242,208,.13)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(101,242,208,.19)}.secondary-btn{border-color:var(--line);color:var(--soft);background:rgba(255,255,255,.03)}.secondary-btn:hover{transform:translateY(-2px);border-color:var(--line-strong);background:rgba(255,255,255,.055)}
.github-image{width:100%;margin-top:30px;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.22)}
@media(max-width:760px){.page-content,.experience-page,.resume-wrapper{width:min(var(--max),calc(100% - 28px));padding-top:64px}.skills-grid,.projects-grid{grid-template-columns:1fr}.projects-intro,.about-section:first-child,.page-hero{margin-bottom:46px}.experience-section{padding:24px 22px 24px 28px}.contact-row{display:grid;grid-template-columns:1fr}.primary-btn,.secondary-btn{width:100%}}