@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";: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);min-height:100vh;margin:0;font-family:Plus Jakarta Sans,sans-serif;transition:background-color .22s,color .22s;overflow-x:hidden}: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;--depth-shadow:0 22px 45px #0f172a29}: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;--depth-shadow:0 24px 50px #02061773}*{box-sizing:border-box}html{scroll-behavior:smooth}.portfolio-page{perspective:1400px;isolation:isolate;max-width:1080px;margin:0 auto;padding:4.5rem 1.2rem 5rem;position:relative;overflow:hidden}.portfolio-page:before{content:"";background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%), #14b8a629, transparent 32%);z-index:-2;filter:blur(24px);animation:14s ease-in-out infinite alternate drift;position:absolute;inset:-10% -12%}.ambient{filter:blur(48px);opacity:.45;z-index:-1;border-radius:999px;position:absolute;transform:translateZ(0)}.ambient-one{background:var(--ambient-one);width:420px;height:420px;animation:9s ease-in-out infinite alternate drift;top:-110px;right:-180px}.ambient-two{background:var(--ambient-two);width:360px;height:360px;animation:11s ease-in-out infinite alternate-reverse drift;bottom:80px;left:-160px}.hero,.panel,.skill-card,.project-card,.contact-grid a,.hero-actions a,.theme-toggle,.profile-photo-wrap{transform-style:preserve-3d}.hero{text-align:center;border:1px solid var(--line);box-shadow:var(--depth-shadow), inset 0 1px 0 #fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffc7,#ffffff94);border-radius:32px;padding:2.7rem 1.2rem 2.2rem;transition:transform .24s,box-shadow .24s,border-color .24s;position:relative}:root[data-theme=dark] .hero{background:linear-gradient(135deg,#1f2937db,#1f2937b3)}.hero:hover{transform:perspective(1200px)rotateX(2deg)rotateY(-2deg)translateY(-4px);box-shadow:0 24px 55px #0f172a33}.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,border-color .18s;position:static;box-shadow:0 8px 20px #0f172a14}.theme-toggle:hover{box-shadow:var(--shadow-soft);border-color:#0f766e66;transform:translateY(-2px)scale(1.01)}.profile-photo-wrap{background:linear-gradient(140deg, var(--brand), var(--accent));width:158px;height:158px;box-shadow:var(--depth-shadow);border-radius:50%;margin:0 auto 1rem;padding:5px;transition:transform .26s;animation:4.8s ease-in-out infinite floatCard;position:relative;overflow:hidden}.profile-photo-wrap:after{content:"";pointer-events:none;border:1px solid #ffffff59;border-radius:50%;position:absolute;inset:4px}.profile-photo-wrap:hover{transform:translateY(-6px)scale(1.02)}.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;box-shadow:inset 0 1px #ffffff59}.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;box-shadow:0 10px 24px #0f766e29}.hero-actions .ghost{color:var(--brand-strong);box-shadow:none;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)scale(1.01)}.panel{border:1px solid var(--line);box-shadow:var(--depth-shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#ffffffb8,#ffffffe6);border-radius:24px;margin-top:1.25rem;padding:1.55rem;transition:transform .24s,box-shadow .24s,border-color .24s}:root[data-theme=dark] .panel{background:linear-gradient(#1f2937c7,#1f2937eb)}.panel:hover{border-color:#0f766e40;transform:perspective(1200px)rotateX(1.2deg)rotateY(-1.2deg)translateY(-4px);box-shadow:0 24px 54px #0f172a33}.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,.project-card{background:var(--bg-surface);border:1px solid var(--line);border-radius:18px;padding:1rem;transition:transform .24s,box-shadow .24s,border-color .24s;position:relative;box-shadow:0 10px 24px #0f172a14}.skill-card:hover,.project-card:hover{border-color:#0f766e52;transform:perspective(1000px)rotateX(3deg)rotateY(-3deg)translateY(-4px);box-shadow:0 20px 40px #0f172a29}.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 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;box-shadow:0 10px 24px #0f766e29}.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,box-shadow .18s;box-shadow:0 6px 16px #0f172a0f}.contact-grid a:hover{border-color:#0f766e6b;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1f}.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)}}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(18px,-12px)scale(1.08)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@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}}