@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.portfolio{color:#e8e6f0;background:#0d0e14;min-height:100vh;font-family:Inter,Helvetica Neue,sans-serif}.shimmer-text{background:linear-gradient(90deg,#cfc9ff 0%,#d85a30 40%,#5dcaa5 70%,#cfc9ff 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}.grad-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#534ab7 0%,#d85a30 100%);border:none;border-radius:99px;padding:12px 28px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-block}.grad-btn:hover{opacity:.88;transform:translateY(-1px)}.outline-btn{color:#afa9ec;cursor:pointer;background:0 0;border:1px solid #534ab7;border-radius:99px;padding:12px 28px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:inline-block}.outline-btn:hover{color:#cfc9ff;background:#534ab726;transform:translateY(-1px)}.nav{z-index:100;padding:0 24px;transition:background .3s,border .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0e14eb;border-bottom:.5px solid #1e2030}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:60px;margin:0 auto;display:flex}.logo-btn{cursor:pointer;background:0 0;border:none}.logo-ac{color:#cfc9ff;letter-spacing:-.3px;font-size:16px;font-weight:600}.logo-dev{color:#666;margin-left:2px;font-size:16px;font-weight:300}.desktop-nav{gap:4px;display:flex}.nav-link{color:#888;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-radius:99px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:color .2s,background .2s}.nav-link:hover{color:#cfc9ff;background:#534ab71f}.nav-link.active{color:#cfc9ff;background:#534ab72e}.hire-btn{padding:8px 20px;font-size:13px}.section{max-width:1100px;margin:0 auto;padding:0 24px 80px}.section-eyebrow{letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:500}.section-title{color:#e8e6f0;letter-spacing:-.5px;margin-bottom:36px;font-size:36px;font-weight:600}.divider{opacity:.4;background:linear-gradient(90deg,#0000,#534ab7 30%,#d85a30 70%,#0000);max-width:1100px;height:1px;margin:64px auto}.hero{max-width:1100px;margin:0 auto;padding:140px 24px 80px}.hero-name{letter-spacing:-1.5px;margin-bottom:24px;font-size:64px;font-weight:600;line-height:1.1}.hero-sub{color:#888;max-width:600px;margin-bottom:16px;font-size:20px;line-height:1.7}.hero-body{color:#666;max-width:580px;margin-bottom:36px;font-size:15px;line-height:1.75}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:60px;display:grid}.stat-card{background:#161824;border:.5px solid #1e2030;border-radius:12px;padding:18px 20px}.stat-num{color:#cfc9ff;letter-spacing:-.5px;font-size:28px;font-weight:600}.stat-label{color:#666;margin-top:4px;font-size:12px;line-height:1.5}.chips{flex-wrap:wrap;gap:10px;display:flex}.skill-chip{border-radius:99px;padding:5px 13px;font-size:12px;font-weight:500;transition:transform .15s;display:inline-block}.skill-chip:hover{transform:scale(1.05)}.exp-list{flex-direction:column;gap:20px;display:flex}.card{background:#161824;border:.5px solid #1e2030;border-radius:14px;padding:24px 28px;transition:border-color .2s,transform .2s}.card:hover{border-color:#534ab7;transform:translateY(-2px)}.exp-inner{gap:16px;display:flex}.exp-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.exp-content{flex:1}.exp-header{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.exp-role{color:#e8e6f0;font-size:16px;font-weight:600}.exp-company{margin-left:10px;font-size:14px;font-weight:500}.exp-period{color:#555;font-family:monospace;font-size:12px}.exp-bullets{flex-direction:column;gap:4px;padding-left:16px;display:flex}.exp-bullets li{color:#888;font-size:13px;line-height:1.6}.proj-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.proj-card{background:#161824;border:.5px solid #1e2030;border-radius:14px;flex-direction:column;gap:10px;padding:22px 24px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.proj-card:hover{transform:translateY(-3px)}.proj-header{justify-content:space-between;align-items:flex-start;display:flex}.proj-name{color:#e8e6f0;font-size:15px;font-weight:600;line-height:1.4}.proj-arrow{color:#444;margin-left:8px;font-size:18px}.proj-desc{color:#666;font-size:13px;line-height:1.65}.proj-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tech-tag{color:#afa9ec;background:#534ab726;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:500}.proj-footer{text-align:center;margin-top:32px}.edu-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.edu-card{background:#161824;border:.5px solid #1e2030;border-radius:0 14px 14px 0;padding:18px 20px;transition:transform .2s}.edu-card:hover{transform:translateY(-2px)}.edu-school{color:#e8e6f0;margin-bottom:4px;font-size:15px;font-weight:600}.edu-degree{margin-bottom:2px;font-size:13px;font-weight:500}.edu-field{color:#555;margin-bottom:6px;font-size:12px}.edu-period{color:#444;font-family:monospace;font-size:11px}.contact-section{text-align:center;max-width:700px;margin:0 auto;padding:0 24px 120px}.contact-body{color:#666;margin-bottom:48px;font-size:15px;line-height:1.7}.contact-form{text-align:left;flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.contact-input{color:#e8e6f0;resize:vertical;background:#161824;border:.5px solid #1e2030;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.contact-input:focus{border-color:#534ab7}.send-btn{width:100%;padding:14px;font-size:15px}.social-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;display:flex}.social-link{color:#534ab7;border-bottom:.5px solid #534ab7;padding-bottom:2px;font-size:13px;text-decoration:none;transition:color .2s}.social-link:hover{color:#afa9ec}.footer{text-align:center;border-top:.5px solid #1e2030;padding:24px}.footer span{color:#444;font-size:12px}@media (width<=640px){.hero-name{font-size:36px}.stats-grid{grid-template-columns:1fr 1fr}.proj-grid,.edu-grid{grid-template-columns:1fr}.desktop-nav{display:none}}