@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap";:root{--bg-deep: #040405;--card-bg: rgba(14, 15, 17, .993);--colour-main: #ffffff;--colour-dim: #c4c4c4;--border: rgba(255, 255, 255, .507);--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}.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%,20%{transform:rotate(0)}50%{transform:rotate(20deg)}}.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:#3333330e;border-radius:16px;transition:.3s}.project-item:hover{background:#9c9c9c42;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:#3d539c0d;padding:10px 18px;border-radius:12px;border:1px solid var(--border);font-size:.9rem}.progress-bar{height:6px;background:#8080801a;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}}.hex-wrapper{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden}.animated-background{position:absolute;inset:0;background:linear-gradient(120deg,#f33870b4,#ff80009a,#33ff589f,#00d0ff8a,#ffe600a1);background-size:400% 400%;animation:gradientShift 20s ease infinite;z-index:-3}.hex-cell{position:absolute;width:150px;height:150px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODciIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgODcgMTAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMi4xOTg3MyAyNi4xNTQ3TDQzLjUgMi4zMDk0TDg0LjgwMTMgMjYuMTU0N1Y3My44NDUzTDQzLjUgOTcuNjkwNkwyLjE5ODczIDczLjg0NTNWMjYuMTU0N1oiIGZpbGw9IiMxMzEyMTciIHN0cm9rZT0iIzEzMTIxNyIgc3Ryb2tlLXdpZHRoPSI0Ii8+Cjwvc3ZnPgo=) no-repeat;background-size:contain;opacity:1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}