@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary: #0e0e10;--bg-card: #1a1a1f;--bg-card-hover: #242429;--text-primary: #f5f5f7;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-blue: #3b82f6;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-violet: #8b5cf6;--border-subtle: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 24px;--radius-xl: 36px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Space Grotesk,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100vh}.page-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px 60px;position:relative}.page-wrapper:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 0);background-size:40px 40px;pointer-events:none;z-index:0}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.2;filter:brightness(100%) contrast(150%);pointer-events:none;z-index:1;mix-blend-mode:overlay}.ambient-shape{position:fixed;border-radius:50%;filter:blur(160px);opacity:.15;pointer-events:none;z-index:0}.ambient-shape--1{width:600px;height:600px;background:var(--accent-emerald);top:20%;left:-250px;animation:float-1 30s ease-in-out infinite}.ambient-shape--2{width:600px;height:600px;background:var(--accent-blue);top:40%;right:-250px;animation:float-2 35s ease-in-out infinite}.ambient-shape--3{width:500px;height:500px;background:var(--accent-violet);top:-100px;left:20%;animation:float-3 25s ease-in-out infinite}.ambient-shape--4{width:400px;height:400px;background:var(--accent-blue);bottom:-150px;left:30%;opacity:.1;animation:float-1 40s ease-in-out infinite reverse}@keyframes float-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,40px) scale(1.1)}66%{transform:translate(20px,-20px) scale(.95)}}@keyframes float-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(1.1)}}@keyframes float-3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-45%,-55%) scale(1.1)}}.bg-glyph{position:fixed;color:var(--text-muted);opacity:.06;pointer-events:none;z-index:0;transition:transform .3s ease}.bg-glyph--1{top:12%;left:8%}.bg-glyph--2{top:22%;right:18%}.bg-glyph--3{top:60%;left:12%}.bg-glyph--4{top:35%;right:10%}.bg-glyph--5{bottom:20%;right:15%}.bg-glyph--6{bottom:12%;left:25%}.hero{position:relative;z-index:1;text-align:center;margin-bottom:40px;padding:16px}.hero__avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.08);margin-bottom:16px;transition:border-color .3s ease,transform .3s ease}.hero__avatar:hover{border-color:var(--accent-violet);transform:scale(1.05) rotate(2deg)}.hero__name{font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.1;margin-bottom:8px}.hero__tagline{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted)}.hero__status{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:6px 16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:100px;font-size:.75rem;color:var(--text-secondary)}.hero__status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-emerald);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.bento-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:170px 170px 100px;gap:14px;width:100%;max-width:580px}.card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;border:1px solid var(--border-subtle);transition:border-color .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card:hover{border-color:var(--border-hover)}.card--hero{grid-column:span 2;grid-row:span 2}.card--wide{grid-column:span 2;grid-row:span 1}.card--tall{grid-column:span 1;grid-row:span 2}.card--square{grid-column:span 1;grid-row:span 1}.card--portfolio{background:var(--bg-card)}.card--portfolio .card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.card--portfolio:hover .card__image{transform:scale(1.05)}.card--portfolio .card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;transition:background .3s ease;z-index:1}.card--portfolio:hover .card__overlay{background:#00000073}.card--portfolio .card__content{position:relative;z-index:2;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.card--portfolio .card__label{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:-.02em}.card--portfolio .card__sublabel{font-size:.7rem;color:#fff9;margin-bottom:4px;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.card--portfolio .card__arrow{position:absolute;top:16px;right:16px;z-index:3;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translate(-4px,4px);transition:opacity .3s ease,transform .3s ease}.card--portfolio:hover .card__arrow{opacity:1;transform:translate(0)}.card--social{background:var(--bg-card);display:flex;align-items:center;justify-content:center;padding:20px 16px;transition:background-color .4s ease,border-color .3s ease}.card--social .card__icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.card--social:hover .card__icon-wrapper{transform:translateY(-3px)}.card--social .card__icon{transition:color .3s ease,transform .3s ease;color:var(--text-secondary)}.card--social:hover .card__icon{color:#fff}.card--social .card__name{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease,color .3s ease}.card--social:hover .card__name{color:#fff}.card--github:hover{background:#0b8387;border-color:#ffffff1a}.card--github:hover .card__icon{color:#fff}.card--linkedin:hover{background:#0a66c2;border-color:#0077b54d}.card--linkedin:hover .card__icon{color:#fff}.card--twitter:hover{background:#1a8cd8;border-color:#1da1f24d}.card--twitter:hover .card__icon{color:#fff}.card--mail:hover{background:#059669;border-color:#10b9814d}.card--mail:hover .card__icon,.card--mail:hover .card__title,.card--mail:hover .card__subtitle,.card--mail:hover .card__cta{color:#fff}.card--mail:hover .card__icon-circle{background:#fff3!important}.card--contact{background:var(--bg-card);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;transition:background-color .3s ease,border-color .3s ease}.card--contact .card__left{display:flex;align-items:center;gap:12px}.card--contact .card__icon-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card--contact .card__info{display:flex;flex-direction:column}.card--contact .card__title{font-weight:600;font-size:.85rem;color:var(--text-primary)}.card--contact .card__subtitle{font-size:.7rem;color:var(--text-muted);margin-top:1px}.card--contact .card__cta{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);display:flex;align-items:center;gap:4px;transition:color .3s ease}.card--contact:hover .card__cta{color:var(--text-primary)}.card--marquee{background:var(--bg-card);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px}.marquee-container{position:relative;overflow:hidden;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.marquee-fade-top,.marquee-fade-bottom{position:absolute;left:0;right:0;height:24px;background:var(--bg-card);z-index:2}.marquee-fade-top{top:0}.marquee-fade-bottom{bottom:0}.marquee-track{display:flex;flex-direction:column;gap:6px;animation:scroll-up 10s linear infinite}.marquee-item{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:500;color:var(--text-muted);white-space:nowrap;padding:5px 12px;border-radius:100px;border:1px solid var(--border-subtle);text-align:center;transition:border-color .3s ease,color .3s ease}.card--marquee:hover .marquee-item{border-color:var(--border-hover);color:var(--text-secondary)}.marquee-label{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:5px;z-index:3;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.footer{position:relative;z-index:1;margin-top:40px;text-align:center;color:var(--text-muted);font-size:.7rem;letter-spacing:.05em}@media(max-width:768px){.bento-grid{max-width:480px;grid-template-rows:160px 160px 90px;gap:12px}.card--portfolio .card__content{padding:20px}.card--portfolio .card__label{font-size:1.15rem}.hero__name{font-size:2rem}.page-wrapper{padding:32px 16px 48px}.ambient-shape{opacity:.08;filter:blur(200px)}}@media(max-width:640px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:10px;max-width:100%}.card{border-radius:var(--radius-md)}.card--hero{grid-column:span 2;grid-row:span 1;min-height:220px;aspect-ratio:auto}.card--wide{grid-column:span 2}.card--square{min-height:130px}.card--social{padding:20px 12px}.card--social .card__icon-wrapper{gap:6px}.card--contact{padding:14px 16px;gap:8px}.card--contact .card__icon-circle{width:36px;height:36px}.card--contact .card__title{font-size:.8rem}.card--contact .card__subtitle{font-size:.65rem}.card--contact .card__cta{font-size:.6rem}.hero{margin-bottom:28px;padding:12px}.hero__name{font-size:1.75rem}.hero__tagline{font-size:.7rem;letter-spacing:.15em}.page-wrapper{padding:24px 14px 40px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}.footer{margin-top:28px;font-size:.65rem}.ambient-shape,.bg-glyph{display:none}}@media(max-width:480px){.bento-grid{gap:8px}.card--hero{min-height:200px}.card--square{min-height:110px}.card--contact{flex-wrap:wrap}.card--contact .card__left{gap:10px;flex:1;min-width:0}.card--contact .card__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.card--contact .card__info{min-width:0}.card--portfolio .card__content{padding:16px}.card--portfolio .card__label{font-size:1.1rem}.card--portfolio .card__sublabel{font-size:.6rem}.hero__name{font-size:1.5rem}.hero__tagline{font-size:.65rem;letter-spacing:.1em}}@media(max-width:380px){.page-wrapper{padding:20px 10px 32px}.bento-grid{gap:6px}.card{border-radius:var(--radius-sm)}.card--hero{min-height:180px}.card--square{min-height:100px}.card--social .card__name{font-size:.55rem}.card--contact{padding:12px 14px}.card--contact .card__icon-circle{width:32px;height:32px}.card--contact .card__title{font-size:.75rem}.card--contact .card__subtitle{font-size:.6rem}.hero__name{font-size:1.35rem}}@media(hover:none)and (pointer:coarse){.card--social .card__name{opacity:1;transform:translateY(0)}.card--portfolio .card__arrow{opacity:.7;transform:translate(0)}.card:active{border-color:var(--border-hover)}.card--github:active{background:#0b8387;border-color:#ffffff1a}.card--github:active .card__icon{color:#fff}.card--linkedin:active{background:#0a66c2;border-color:#0077b54d}.card--linkedin:active .card__icon{color:#fff}.card--twitter:active{background:#1a8cd8;border-color:#1da1f24d}.card--twitter:active .card__icon{color:#fff}.card--mail:active{background:#059669;border-color:#10b9814d}.card--mail:active .card__icon,.card--mail:active .card__title,.card--mail:active .card__subtitle,.card--mail:active .card__cta{color:#fff}.card--mail:active .card__icon-circle{background:#fff3!important}.card--contact:active .card__cta{color:var(--text-primary)}.card--social:active .card__icon,.card--social:active .card__name{color:#fff}.card--social:active .card__icon-wrapper{transform:translateY(-3px)}}@media(max-height:500px)and (orientation:landscape){.page-wrapper{padding-top:16px;padding-bottom:24px}.hero{margin-bottom:16px}.hero__name{font-size:1.5rem}.bento-grid{max-width:520px}.footer{margin-top:16px}.ambient-shape,.bg-glyph{display:none}}