#root,body,html{height:100%}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{max-width:1100px;padding:0 20px}:root{--bg:#0b0b0c;--bg-elev:#121214;--text:#f7f7f8;--muted:#c7c7ce;--mint:#66f0c6;--purple:#9c86f8;--border:#1c1c20;--aurora-a:#9c86f814;--aurora-b:#66f0c60f;--radius:16px;--radius-sm:10px;--container:1200px;--shadow:0 8px 24px #00000040}body.light{--bg:#e9eaf1;--bg-elev:#fff;--text:#111217;--muted:#50525e;--border:#d9dbe4;--mint:#63e3bb;--purple:#9c86f8;--aurora-a:#9c86f81a;--aurora-b:#63e3bb14;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0b0b0c;background:var(--bg);color:#f7f7f8;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.5;margin:0;overflow-x:hidden;transition:background .35s ease,color .35s ease}body:after,body:before{animation:auroraShift 16s ease-in-out infinite alternate;background:radial-gradient(60% 40% at 20% 10%,#9c86f814,#0000 60%),radial-gradient(50% 35% at 80% 0,#66f0c60f,#0000 60%);background:radial-gradient(60% 40% at 20% 10%,var(--aurora-a),#0000 60%),radial-gradient(50% 35% at 80% 0,var(--aurora-b),#0000 60%);content:"";filter:blur(40px) saturate(120%);inset:-20%;position:fixed;z-index:-2}@keyframes auroraShift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2%,-1%,0) scale(1.03)}}.container{margin:0 auto;max-width:1200px;max-width:var(--container);padding:0 1.25rem;width:100%}.app{display:flex;flex-direction:column;min-height:100dvh}.main{flex:1 1}h1,h2,h3{letter-spacing:.4px;margin:0 0 .5rem}h1{line-height:1.2}p{line-height:1.7}.navbar{-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:linear-gradient(180deg,#141418b3,#1414188c);border-bottom:1px solid #1c1c20;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;transition:background .25s ease,border-color .25s ease;z-index:1000}.navbar .inner{align-items:center;display:flex;gap:.75rem;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;max-width:var(--container);padding:0 1.25rem;position:relative}.brand{display:flex;flex-direction:column;font-weight:800;letter-spacing:.2px}.brand .name{color:#f7f7f8;color:var(--text);font-size:1.05rem;white-space:nowrap}.brand .role{color:#c7c7ce;color:var(--muted);font-size:.85rem;font-weight:600;white-space:nowrap}.nav-links{align-items:center;display:flex;gap:.5rem}.nav-links a{border-radius:.6rem;color:#c7c7ce;color:var(--muted);padding:.5rem .75rem;text-decoration:none;transition:background .25s ease,color .25s ease,transform .2s ease}.nav-links a.active,.nav-links a:hover{transform:translateY(-1px)}.nav-links a.active,.nav-links a:hover,.theme-toggle{background:#121214;background:var(--bg-elev);color:#f7f7f8;color:var(--text)}.theme-toggle{align-items:center;border:1px solid #1c1c20;border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .25s ease;width:42px;z-index:5}.theme-toggle:hover{box-shadow:0 0 12px #66f0c640}.hamburger{align-items:center;background:#121214;background:var(--bg-elev);border:1px solid #1c1c20;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:none;height:42px;justify-content:center;transition:all .25s ease;width:42px;z-index:6}.hamburger span{display:block;position:relative}.hamburger span,.hamburger span:after,.hamburger span:before{background:#f7f7f8;background:var(--text);border-radius:2px;height:2px;transition:all .25s ease;width:22px}.hamburger span:after,.hamburger span:before{content:"";left:0;position:absolute}.hamburger span:before{top:-6px}.hamburger span:after{top:6px}.hamburger.active span{background:#0000}.hamburger.active span:before{transform:translateY(6px) rotate(45deg)}.hamburger.active span:after{transform:translateY(-6px) rotate(-45deg)}.hero{background:linear-gradient(180deg,#a78bfa12,#66f0c60d 65%,#0000);border-bottom:1px solid #1c1c20;border-bottom:1px solid var(--border);padding:clamp(3.5rem,8vw,6rem) 0;text-align:center}.hero h1{font-size:clamp(28px,4.5vw,46px);margin:0 0 .6rem}.hero p{color:#c7c7ce;color:var(--muted);font-size:clamp(16px,2.1vw,20px);margin:.5rem auto 1.2rem;max-width:760px}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.btn,.btn-row{justify-content:center}.btn{align-items:center;background:#121214;background:var(--bg-elev);border:1px solid #1c1c20;border:1px solid var(--border);border-radius:.7rem;color:#f7f7f8;color:var(--text);cursor:pointer;display:inline-flex;gap:.5rem;padding:.65rem .95rem;transition:transform .2s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.btn:hover{border-color:#26262e;transform:translateY(-2px)}.btn-primary{background:linear-gradient(90deg,#9c86f8,#66f0c6);background:linear-gradient(90deg,var(--purple),var(--mint));background-position:0 50%;background-size:200% 100%;border:none;color:#111;font-weight:700}.btn-primary:hover{background-position:100% 50%;box-shadow:0 8px 20px #9c86f840}.section{padding:clamp(3rem,6vw,5rem) 0;position:relative}.section .container{text-align:center}.section:before{background:radial-gradient(50% 35% at 85% -10%,#9c86f814,#0000 60%),radial-gradient(40% 30% at 15% 110%,#66f0c60f,#0000 60%);background:radial-gradient(50% 35% at 85% -10%,var(--aurora-a),#0000 60%),radial-gradient(40% 30% at 15% 110%,var(--aurora-b),#0000 60%);content:"";filter:blur(24px);inset:0;opacity:.6;pointer-events:none;position:absolute;z-index:-1}.section:nth-of-type(2n):before{background:radial-gradient(50% 35% at 20% -10%,#66f0c60f,#0000 60%),radial-gradient(40% 30% at 85% 110%,#9c86f814,#0000 60%);background:radial-gradient(50% 35% at 20% -10%,var(--aurora-b),#0000 60%),radial-gradient(40% 30% at 85% 110%,var(--aurora-a),#0000 60%)}.section h2{font-size:clamp(22px,3.2vw,34px);margin-bottom:.35rem}.section p.lead{color:#c7c7ce;color:var(--muted);margin:.5rem auto 2rem;max-width:780px}.section:not(:first-of-type) .container:before{background:linear-gradient(90deg,#0000,#1c1c20,#0000);background:linear-gradient(90deg,#0000,var(--border),#0000);content:"";height:1px;left:50%;opacity:.55;position:absolute;top:0;transform:translateX(-50%);width:60%}.card-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.card{background:#121214;background:var(--bg-elev);border:1px solid #1c1c20;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);padding:18px;text-align:left;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{box-shadow:0 0 18px #a78bfa40;transform:translateY(-3px)}.card h3{margin:.25rem 0 .35rem}.stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{background:#141416;border-radius:999px;color:#c7c7ce;color:var(--muted);font-size:12px;padding:.28rem .55rem}.chip,.project-card{border:1px solid #1c1c20;border:1px solid var(--border)}.project-card{background:#121214;background:var(--bg-elev);border-radius:16px;border-radius:var(--radius);cursor:pointer;overflow:hidden;padding:1.5rem;transition:all .3s ease}.project-card:hover{box-shadow:0 8px 18px #00000040;transform:translateY(-4px)}.project-card.expanded{background:linear-gradient(180deg,#9c86f814,#63e3bb14);box-shadow:0 10px 24px #0000004d}.project-link{color:#9c86f8;color:var(--purple);display:inline-block;font-weight:700;margin-top:1rem;text-decoration:none;transition:color .25s ease}.project-link:hover{color:#66f0c6;color:var(--mint)}.current-project{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(90deg,#a78bfa26,#66f0c626);border-bottom:1px solid #1c1c20;border-bottom:1px solid var(--border);color:#c7c7ce;color:var(--muted);font-size:15px;padding:8px 16px;position:-webkit-sticky;position:sticky;text-align:center;top:64px;z-index:900}.current-project .highlight{color:#66f0c6;color:var(--mint);font-weight:700;text-decoration:underline;-webkit-text-decoration-color:#9c86f8;text-decoration-color:#9c86f8;-webkit-text-decoration-color:var(--purple);text-decoration-color:var(--purple);text-shadow:0 0 6px #66f0c666;text-underline-offset:4px}.about-section{opacity:0;transform:translateY(18px);transition:all .7s ease}.about-section.visible{opacity:1;transform:translateY(0)}.about-container{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:900px;padding:0 1.25rem}.about-image-wrapper{position:relative}.about-photo{border:2px solid #ffffff0f;border-radius:50%;box-shadow:0 0 22px #9c86f840,0 0 38px #66f0c62e;height:180px;object-fit:cover;transition:transform .35s ease,box-shadow .35s ease;width:180px}.about-photo:hover{box-shadow:0 0 30px #9c86f859,0 0 60px #66f0c640;transform:scale(1.035)}.about-content{max-width:600px;text-align:center}.about-content h2{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:.75rem}.about-content p{color:#c7c7ce;color:var(--muted);font-size:clamp(.95rem,2vw,1.05rem);margin:.75rem 0}.about-content strong{color:#66f0c6;color:var(--mint);font-weight:700}@media (min-width:768px){.about-container{flex-direction:row;justify-content:center;text-align:left}.about-image-wrapper{display:flex;flex:1 1;justify-content:center}.about-content{flex:2 1;padding-left:2rem;text-align:left}}.skills-list{display:flex;flex-direction:column;gap:1rem;margin:1rem auto;max-width:700px;padding:0 1.25rem}.skill span{color:#f7f7f8;color:var(--text);display:inline-block;font-weight:700;margin-bottom:.45rem}.skill .bar{background:#1c1c20;background:var(--border);border-radius:8px;height:8px;overflow:hidden}.skill .fill{background:linear-gradient(90deg,#9c86f8,#66f0c6);background:linear-gradient(90deg,var(--purple),var(--mint));border-radius:8px;height:100%;transition:width 1s ease;width:0}.contact-form{background:#141418cc;border:1px solid #1c1c20;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #00000040;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:520px;padding:2rem;text-align:left}.contact-form h2{margin-top:0}.contact-form p{color:#c7c7ce;color:var(--muted);margin-bottom:1rem}.contact-form label{color:#f7f7f8;color:var(--text);font-size:.9rem;font-weight:700}.contact-form input,.contact-form textarea{background:#0b0b0c;background:var(--bg);border:1px solid #1c1c20;border:1px solid var(--border);border-radius:8px;color:#f7f7f8;color:var(--text);font-size:.95rem;padding:.6rem}.contact-form input:focus,.contact-form textarea:focus{outline:1px solid #66f0c6;outline:1px solid var(--mint)}.contact-success{color:#66f0c6;color:var(--mint);font-weight:700}.contact-error{color:#e05656;font-weight:700}footer{background:linear-gradient(180deg,#0000,#00000026);border-top:1px solid #1c1c20;border-top:1px solid var(--border);color:#c7c7ce;color:var(--muted);padding:24px 0;text-align:center}footer .links{display:flex;gap:16px;justify-content:center;margin-top:.5rem}.link-ux{color:#66f0c6;color:var(--mint)}.link-dev{color:#9c86f8;color:var(--purple)}.back-to-top{background:linear-gradient(135deg,#66f0c6,#9c86f8);background:linear-gradient(135deg,var(--mint),var(--purple));border:none;border-radius:50%;bottom:28px;box-shadow:0 0 10px #66f0c640;color:#111;cursor:pointer;font-size:20px;height:44px;position:fixed;right:28px;transition:transform .25s ease,box-shadow .25s ease;width:44px;z-index:100}.back-to-top:hover{box-shadow:0 0 16px #a78bfa66;transform:translateY(-3px)}@media (max-width:1024px){.brand{align-items:center}.section .container:before{opacity:.5;width:70%}}@media (max-width:768px){.navbar .inner{flex-direction:column;gap:.65rem;height:auto;padding:.75rem 1rem 1.1rem}.brand{text-align:center}.theme-toggle{position:absolute;right:62px;top:10px;transform:none}.hamburger{display:flex;position:absolute;right:14px;top:8px}.nav-links{align-items:center;background:#121214;background:var(--bg-elev);border-bottom:1px solid #1c1c20;border-bottom:1px solid var(--border);flex-direction:column;gap:1rem;justify-content:center;opacity:0;padding:1rem 0;pointer-events:none;position:absolute;right:0;top:64px;transform:translateY(-20px);transition:all .35s ease;visibility:hidden;width:100%}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.nav-links a{border-radius:8px;font-size:1.05rem;padding:.75rem;text-align:center;width:90%}.hero{padding:3.25rem 0}.hero h1{font-size:clamp(1.7rem,6vw,2.2rem)}.hero p{max-width:90%}.card,.project-card{margin:0 auto;max-width:95%}}@media (max-width:420px){.brand .name,.brand .role{font-size:.9rem}.theme-toggle{right:58px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=main.4420a45a.css.map*/