@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap";:root{--bg-deep: #111114;--card-bg: rgba(3, 3, 5, .6);--colour-main: #b290e9;--colour-dim: #2431aa;--border: rgba(81, 7, 253, .15);--text-primary: #ffffff;--text-secondary: #a1a1aa}body{margin:0;background:var(--bg-deep);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1100px;padding:15px 40px;background:#12121ad9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:100px;border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;z-index:1000;box-shadow:0 10px 30px #00000080}.nav-logo{font-weight:800;letter-spacing:2px;color:var(--color-main)}.nav-links{list-style:none;display:flex;gap:30px;margin:0}.nav-links a{text-decoration:none;color:#fff;font-weight:600;opacity:.6;transition:.3s}.nav-links a:hover{opacity:1;text-shadow:0 0 10px var(--colour-main)}.bento-grid{display:grid;grid-template-columns:1fr 1.2fr;grid-auto-rows:minmax(220px,auto);grid-auto-flow:row dense;gap:24px;padding:140px 5% 80px;max-width:1400px;margin:auto}.hero-card,.projects-card,.skills-card,.learning-card,.certs-card{background:var(--card-bg);border:1px solid var(--border);border-radius:32px;padding:35px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;animation:fadeUp .8s ease forwards;opacity:0}.hero-card{grid-column:1;animation-delay:.1s}.projects-card{grid-column:2;grid-row:1 / span 3;animation-delay:.2s}.skills-card{animation-delay:.3s}.learning-card{animation-delay:.4s}.certs-card{animation-delay:.5s}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-name{font-size:clamp(3rem,8vw,5.5rem);line-height:1;letter-spacing:-3px;margin:0}.hero-name span:not(.wave-emoji){background:linear-gradient(135deg,#fff 40%,var(--colour-main));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-tagline{margin-top:15px;font-size:1.5rem;color:var(--text-secondary)}.wave-emoji{display:inline-block;font-size:.8em;margin-left:8px;transform-origin:70% 70%;-webkit-text-fill-color:initial;background:none}.hero-card:hover .wave-emoji{animation:wave 1s}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-15deg)}}.section-title{font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;color:var(--colour-main);margin-bottom:25px}.project-list{display:flex;flex-direction:column;gap:15px;overflow-y:auto}.project-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff05;border-radius:16px;transition:.3s}.project-item:hover{background:#ff31310d;border:1px solid var(--colour-main)}.skills-mini-grid{display:flex;flex-wrap:wrap;gap:10px}.skill-badge{display:flex;align-items:center;gap:10px;background:#ff31310d;padding:10px 18px;border-radius:12px;border:1px solid var(--border);font-size:.9rem}.progress-bar{height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:var(--colour-main);box-shadow:0 0 10px var(--colour-main)}.certs-mini-list{display:flex;flex-direction:column;gap:12px}.cert-item{display:flex;align-items:center;gap:12px;padding:15px;background:#ffffff08;border-radius:12px}@media(max-width:1000px){.bento-grid{grid-template-columns:1fr}.hero-card,.projects-card{grid-column:auto;grid-row:auto}}