@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";*{box-sizing:border-box}:root{--page-bg-a:#99f6e473;--page-bg-b:#fdba7473;--page-bg-base:#f6f2eb}:root[data-theme=dark]{--page-bg-a:#14b8a62e;--page-bg-b:#f9731633;--page-bg-base:#111827}body{background:radial-gradient(circle at 10% 10%, var(--page-bg-a), transparent 30%), radial-gradient(circle at 90% 90%, var(--page-bg-b), transparent 35%), var(--page-bg-base);color:var(--text-primary);margin:0;font-family:Plus Jakarta Sans,sans-serif;transition:background-color .22s,color .22s}:root{--bg-main:#f6f2eb;--bg-surface:#fffefc;--text-primary:#1f2937;--text-secondary:#475569;--line:#d8d1c6;--brand:#0f766e;--brand-strong:#115e59;--accent:#ea580c;--shadow-soft:0 12px 30px #0f172a1f;--ambient-one:#99f6e4;--ambient-two:#fdba74}:root[data-theme=dark]{--bg-main:#111827;--bg-surface:#1f2937;--text-primary:#f3f4f6;--text-secondary:#cbd5e1;--line:#334155;--brand:#14b8a6;--brand-strong:#5eead4;--accent:#fb923c;--shadow-soft:0 16px 34px #0206177a;--ambient-one:#115e59;--ambient-two:#9a3412}.portfolio-page{max-width:1080px;margin:0 auto;padding:4.5rem 1.2rem 5rem;position:relative;overflow:hidden}.ambient{filter:blur(40px);opacity:.45;z-index:-1;border-radius:999px;position:absolute}.ambient-one{background:var(--ambient-one);width:420px;height:420px;top:-110px;right:-180px}.ambient-two{background:var(--ambient-two);width:360px;height:360px;bottom:80px;left:-160px}.hero{text-align:center;padding:2.7rem 1.2rem 2.2rem;position:relative}.hero-tools{justify-content:flex-end;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.theme-toggle{border:1px solid var(--line);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:.5rem .85rem;font-weight:600;transition:transform .18s,box-shadow .18s;position:static}.theme-toggle:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.profile-photo-wrap{background:linear-gradient(140deg, var(--brand), var(--accent));width:158px;height:158px;box-shadow:var(--shadow-soft);border-radius:50%;margin:0 auto 1rem;padding:5px}.profile-photo{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-strong);background:#0f766e1f;border:1px solid #0f766e33;border-radius:999px;margin:0;padding:.4rem .85rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;display:inline-block}.hero h1{color:var(--text-primary);letter-spacing:-.03em;margin:1rem 0 .7rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,5vw,4rem)}.hero h1 span{transform-origin:70% 70%;animation:2.6s ease-in-out infinite wave;display:inline-block}.hero-copy{max-width:760px;color:var(--text-secondary);margin:0 auto;font-size:1.08rem;line-height:1.65}.hero-copy-secondary{margin-top:.8rem}.tagline{color:var(--accent);margin-top:1rem;font-family:Space Grotesk,sans-serif;font-size:1rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:1.55rem;display:flex}.hero-actions a{color:#fff;background:var(--brand);border:1px solid #0000;border-radius:10px;padding:.68rem 1.05rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s}.hero-actions .ghost{color:var(--brand-strong);background:0 0;border-color:#0f766e52}:root[data-theme=dark] .hero-actions .ghost{border-color:#5eead473}.hero-actions a:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.panel{border:1px solid var(--line);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#ffffffb8,#ffffffe6);border-radius:24px;margin-top:1.25rem;padding:1.55rem}:root[data-theme=dark] .panel{background:linear-gradient(#1f2937c7,#1f2937eb)}.panel h2{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 1rem;font-family:Space Grotesk,sans-serif;font-size:1.4rem}.panel p{color:var(--text-secondary);margin:0;line-height:1.65}.panel p+p{margin-top:.8rem}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.skill-card{background:var(--bg-surface);border:1px solid var(--line);border-radius:16px;padding:1rem}.skill-card h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1rem}.skill-card ul{color:var(--text-secondary);margin:.68rem 0 0;padding-left:1rem}.skill-card li{margin-top:.28rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem;display:grid}.project-card{background:var(--bg-surface);border:1px solid var(--line);border-radius:16px;padding:1rem}.project-card h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.08rem}.project-subtitle{color:var(--brand-strong);margin-top:.5rem;font-size:.95rem}.project-card ul{color:var(--text-secondary);margin:.7rem 0 0;padding-left:1rem}.project-card li{margin-top:.32rem}.stack{margin-top:.8rem;font-size:.95rem}.repo-link{color:#fff;background:var(--brand);border-radius:10px;margin-top:.85rem;padding:.5rem .78rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-block}.repo-link:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.simple-list{color:var(--text-secondary);margin:0;padding-left:1rem}.simple-list li{margin-top:.45rem;line-height:1.6}.simple-list span{color:var(--brand-strong);margin-top:.2rem;display:block}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;display:grid}.contact-grid a{color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--line);border-radius:12px;padding:.72rem .85rem;text-decoration:none;transition:border-color .18s,transform .18s}.contact-grid a:hover{border-color:#0f766e6b;transform:translateY(-2px)}.reveal{opacity:0;animation:.7s forwards revealUp;transform:translateY(24px)}.panel.reveal:first-of-type{animation-delay:90ms}.panel.reveal:nth-of-type(2){animation-delay:.18s}.panel.reveal:nth-of-type(3){animation-delay:.27s}.panel.reveal:nth-of-type(4){animation-delay:.36s}.panel.reveal:nth-of-type(5){animation-delay:.45s}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(12deg)}40%{transform:rotate(-4deg)}50%,to{transform:rotate(0)}}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@media (width<=960px){.hero-tools{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-bottom:.8rem;position:static}.theme-toggle{margin-bottom:0;position:static}.project-grid,.skills-grid,.split,.contact-grid{grid-template-columns:1fr}.panel{padding:1.25rem}.portfolio-page{padding-top:3rem}}