@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Montserrat:wght@300;600&family=Quicksand:wght@600&display=swap";.target-cursor-wrapper{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%)}.target-cursor-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);will-change:transform}.target-cursor-corner{position:absolute;left:50%;top:50%;width:12px;height:12px;border:3px solid #fff;will-change:transform}.corner-tl{transform:translate(-150%,-150%);border-right:none;border-bottom:none}.corner-tr{transform:translate(50%,-150%);border-left:none;border-bottom:none}.corner-br{transform:translate(50%,50%);border-left:none;border-top:none}.corner-bl{transform:translate(-150%,50%);border-right:none;border-top:none}:root{--sidebar-width:360px;--dark:#232536;--accent:#ff8c87;--muted:#9aa0b0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow-x:hidden}body{font-family:Arial,sans-serif;background:#f5f5f5;color:#111}.app-root{display:flex;min-height:100vh;position:relative}.sidebar{width:var(--sidebar-width);background:var(--dark);color:#fff;position:fixed;left:0;top:0;height:100vh;z-index:50;transition:transform .28s ease,box-shadow .28s ease;overflow:hidden}.sidebar:before{content:"";position:absolute;left:24px;top:18px;width:420px;height:420px;pointer-events:none;background:radial-gradient(circle at 60% 30%,rgba(255,140,135,.14),transparent 40%)}.sidebar-inner{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:36px;overflow-y:auto}.desktop-nav{display:flex;gap:28px}.desktop-nav button{background:transparent;border:0;color:#fff;font-weight:600;cursor:pointer;padding:6px 0;opacity:.95}.desktop-nav button.active{color:var(--accent)}@media(max-width:999px){.desktop-nav{display:none}}.hero-compact{margin-top:60px;text-align:left}.hero-compact .intro{font-size:14px;opacity:.9;margin:0 0 8px}.hero-compact .name{font-size:28px;letter-spacing:1px;margin:0 0 8px;color:var(--accent);font-weight:700}.hero-compact .sub{font-size:14px;color:#f0c6c6;margin:0}.hero-compact .sub span{color:#f7f7f7}.typing{display:inline-block;position:relative}.typing .cursor{display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:8px;vertical-align:middle;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.social-list{display:flex;flex-direction:column;gap:8px;margin-top:40px}.social-list a{color:#e7e9ef;text-decoration:none;font-size:14px}.resume{display:inline-block;margin-top:18px;color:var(--accent);text-decoration:none;font-weight:700}.close-btn{display:none}.content-area{margin-left:var(--sidebar-width);flex:1;min-height:100vh;overflow-y:auto;background:#f6f6f6}.navbar{height:80px;display:flex;align-items:center;background:transparent}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:0 28px;width:100%}.hamburger{display:none;background:transparent;border:0;font-size:28px;color:var(--dark)}.nav-links{display:flex}.nav-links button{background:transparent;border:0;padding:8px 12px;cursor:pointer;color:var(--dark);font-weight:600}.nav-links button.active{color:var(--accent)}.page-container{padding:60px 80px;display:flex;align-items:center;justify-content:center}.page{max-width:920px;display:flex;align-items:center;gap:48px}.page .avatar{width:170px;height:170px;border-radius:50%;overflow:hidden;box-shadow:0 12px 30px #0000001f;flex-shrink:0}.mobile-page-nav{display:none}@media(min-width:1000px){.navbar,.nav-links{display:none!important;visibility:hidden}.mobile-page-nav{display:none!important}}.page .avatar img{width:100%;height:100%;object-fit:cover}.page .content-right{flex:1}h1,h2,h3,.site-title,.hero-title,.page h1,.project-title,.page .page-title{font-family:Luckiest Guy,cursive;letter-spacing:1px}.page h1{font-family:Luckiest Guy,cursive;font-size:46px;color:var(--accent);margin:0 0 18px;letter-spacing:3px}.page p{font-family:Montserrat,sans-serif;line-height:1.9;color:#0f1724;text-align:left;max-width:640px}.page .cta{display:inline-block;margin-top:28px;padding:12px 26px;background:var(--accent);color:#fff;border-radius:10px;font-weight:700;letter-spacing:2px}@media(min-width:1000px){.sidebar{position:fixed}.content-area{margin-left:var(--sidebar-width)}}@media(max-width:999px){:root{--sidebar-width:280px}.app-root{position:relative}.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:70;transform:translate(-100%);box-shadow:2px 0 18px #0000002e}.sidebar.open{transform:translate(0)}.sidebar-inner{padding:20px}.content-area{margin-left:0;padding-left:0}.mobile-page-nav{display:flex;gap:16px;margin-bottom:32px;padding:0 16px;flex-wrap:wrap;justify-content:flex-start}.mobile-page-nav button{background:transparent;border:none;color:var(--dark);font-weight:600;padding:8px 16px;cursor:pointer}.mobile-page-nav button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.desktop-nav{display:none}.close-btn{display:block;position:absolute;top:12px;right:12px;background:transparent;border:0;color:#fff;font-size:20px}.hamburger{display:inline-block}.nav-links{display:none}.page-container{padding:28px}.page{flex-direction:column;align-items:center;text-align:center}.page .avatar{width:140px;height:140px}.page h1{font-size:32px}.page p{max-width:420px;margin:18px auto}.page .content-right{width:100%}}@media(max-width:768px){.page-container{padding:20px}.page h1{font-size:28px}.page p{max-width:100%;padding:0 6px;text-align:left}.nav-inner,.mobile-page-nav{padding:0 12px}}@media(max-width:480px){:root{--sidebar-width:240px}.page-container{padding:16px}.page h1{font-size:24px}.page p{font-size:15px;line-height:1.7;max-width:100%;padding:0 6px}.navbar{height:64px}.sidebar:before{left:-80px;width:360px;height:360px}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem 0}.project-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:transform .2s}.project-card:hover{transform:translateY(-5px)}.project-image{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.project-title{font-family:Luckiest Guy,cursive;color:var(--dark);margin:1rem 0}.project-description{color:var(--muted);font-size:.9rem;line-height:1.5;margin:.5rem 0}.tech-icons{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.icon-item{display:flex;align-items:center;gap:.6rem;background:#fff;border-radius:28px;padding:10px 16px;box-shadow:0 6px 18px #ff8c870f;min-width:120px}.icon-item .icon{width:24px;height:24px;object-fit:contain;display:flex;align-items:center;justify-content:center}.icon-item img.icon{filter:var(--accent-filter)}.project-link{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:opacity .2s}.project-link:hover{opacity:.9}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card{padding:1rem}}.contact-card{max-width:600px}.contact-card h1{margin-bottom:40px;text-align:center}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:32px}.contact-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.contact-item:hover{transform:translateY(-8px);box-shadow:0 12px 28px #ff8c8726}.contact-icon{font-size:40px;margin-bottom:12px}.contact-item strong{font-size:16px;color:var(--dark);margin-bottom:8px;font-weight:700}.contact-link{color:var(--accent);text-decoration:none;font-weight:600;word-break:break-word;transition:all .3s ease}.contact-link:hover{opacity:.8;text-decoration:underline}.email-item .contact-link{font-size:14px}.phone-cta{font-size:16px;padding:10px 16px;background:#ff8c871a;border-radius:8px;display:inline-block;margin-top:4px;border:2px solid var(--accent);transition:all .3s ease}.phone-cta:hover{background:var(--accent);color:#fff;text-decoration:none}.location-text{margin:0;color:var(--dark);font-size:16px;font-weight:500}.resume-btn{display:inline-block;margin-top:8px;padding:12px 24px;background:var(--accent);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;letter-spacing:.5px;transition:all .3s ease;border:2px solid var(--accent);cursor:pointer}.resume-btn:hover{background:#ff7570;box-shadow:0 8px 16px #ff8c874d;transform:translateY(-2px)}.resume-btn:active{transform:translateY(0)}@media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:16px}.contact-item{padding:16px}.contact-icon{font-size:32px}.contact-item strong{font-size:14px}.contact-link{font-size:13px}.phone-cta{font-size:14px;padding:8px 12px}.resume-btn{padding:10px 18px;font-size:14px}}@media(max-width:480px){.contact-grid{grid-template-columns:1fr;gap:12px}.contact-item{padding:12px}.contact-icon{font-size:28px}.contact-item strong{font-size:13px}.contact-link,.location-text{font-size:12px}}a{color:inherit}button{font-family:inherit}