@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-heading:"Sora","Trebuchet MS","Segoe UI",sans-serif;--font-body:"Manrope","Lucida Sans","Segoe UI",sans-serif;--bg:#f3f6f8;--bg-strong:#ebf0f4;--surface:#fbfdff;--text:#18212d;--muted:#576272;--line:#d5dee8;--accent:#0e7490;--accent-soft:#dff2f9;--accent-strong:#0b5d74;--ink:#18212d;--shadow-soft:0 10px 30px #0f223714;--shadow-strong:0 16px 38px #0f22371f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(52rem 36rem at 10% -12%,#839eb62e 0,#0000 64%),radial-gradient(46rem 30rem at 90% -15%,#c4b49224 0,#0000 62%),linear-gradient(180deg,#f7f9fb,#f3f6f8 46%,#f5f7f9);background:radial-gradient(52rem 36rem at 10% -12%,#839eb62e 0,#0000 64%),radial-gradient(46rem 30rem at 90% -15%,#c4b49224 0,#0000 62%),linear-gradient(180deg,#f7f9fb 0,var(--bg) 46%,#f5f7f9 100%);color:#18212d;color:var(--text);font-family:Manrope,Lucida Sans,Segoe UI,sans-serif;font-family:var(--font-body);line-height:1.6}.App{overflow-x:hidden}.container{margin:0 auto;width:min(1100px,calc(100% - 3rem))}section{padding:5.5rem 0;scroll-margin-top:6.25rem}section h2{color:#18212d;color:var(--text);font-family:Sora,Trebuchet MS,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:clamp(1.8rem,2.8vw,2.5rem);letter-spacing:-.02em;line-height:1.2;margin-bottom:2.25rem;text-align:center}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfdffe0;border-bottom:1px solid #d9e3efe6;position:fixed;top:0;width:100%;z-index:1000}.nav{align-items:center;display:flex;justify-content:space-between;min-height:4.75rem}.logo{color:#18212d;color:var(--ink);font-family:Sora,Trebuchet MS,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:1.45rem;font-weight:700;letter-spacing:-.03em}.nav-links{display:flex;gap:.45rem;list-style:none}.nav-links a{align-items:center;border-radius:999px;color:#18212d;color:var(--text);display:inline-flex;font-size:.95rem;font-weight:700;padding:.45rem .9rem;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.nav-links a:focus-visible,.nav-links a:hover{background:#dff2f9;background:var(--accent-soft);color:#0b5d74;color:var(--accent-strong);transform:translateY(-1px)}.hero{background:linear-gradient(180deg,#f9fbfc,#f2f5f8);padding:9.5rem 0 6.25rem;position:relative;text-align:center}.hero:after,.hero:before{border-radius:999px;content:"";filter:blur(6px);pointer-events:none;position:absolute}.hero:before{background:radial-gradient(circle,#65869f1f,#65869f00);height:23rem;left:-4rem;top:-6rem;width:23rem}.hero:after{background:radial-gradient(circle,#b2a07a1f,#b2a07a00);bottom:-8rem;height:18rem;right:-5rem;width:18rem}.hero-content{animation:fade-in-up .75s ease both;margin:0 auto;position:relative;width:min(48rem,100%);z-index:1}.hero-content h2{font-family:Sora,Trebuchet MS,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:clamp(2rem,4.6vw,3.5rem);letter-spacing:-.03em;line-height:1.08;margin-bottom:1rem}.hero-content p{color:#576272;color:var(--muted);font-size:clamp(1.02rem,2.1vw,1.22rem);font-weight:500;margin:0 auto;max-width:43rem}.about{background:#fbfdff;background:var(--surface)}.about-content{margin:0 auto;max-width:47rem}.about-text p{color:#576272;color:var(--muted);font-size:1.08rem;font-weight:500;line-height:1.8;margin-bottom:1rem}.about-text p:last-child{margin-bottom:0}.skills{background:linear-gradient(180deg,#fafbfd,#f3f6f8);background:linear-gradient(180deg,#fafbfd 0,var(--bg) 100%)}.skills-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.skill-item{animation:fade-in-up .6s ease both;background:#fbfdff;background:var(--surface);border:1px solid #d5dee8;border-left:4px solid #0e7490;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:.85rem;box-shadow:0 10px 30px #0f223714;box-shadow:var(--shadow-soft);color:#18212d;color:var(--text);font-size:.98rem;font-weight:700;padding:.85rem .95rem;text-align:left}.skill-item:nth-child(11),.skill-item:nth-child(2),.skill-item:nth-child(5),.skill-item:nth-child(8){animation-delay:.08s}.skill-item:nth-child(12),.skill-item:nth-child(3),.skill-item:nth-child(6),.skill-item:nth-child(9){animation-delay:.16s}.projects{background:linear-gradient(180deg,#ebf0f4,#edf2f5);background:linear-gradient(180deg,var(--bg-strong) 0,#edf2f5 100%)}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{animation:fade-in-up .65s ease both;background:#fbfdff;background:var(--surface);border:1px solid #d5dee8;border:1px solid var(--line);border-radius:1rem;box-shadow:0 10px 30px #0f223714;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;height:100%;padding:1.5rem;position:relative;transition:transform .22s ease,box-shadow .22s ease}.project-card:before{background:linear-gradient(90deg,#0e7490,#22d3ee);border-radius:1rem 1rem 0 0;content:"";height:.3rem;left:0;position:absolute;right:0;top:0}.project-card:hover{box-shadow:0 16px 38px #0f22371f;box-shadow:var(--shadow-strong);transform:translateY(-4px)}.project-card h3{color:#18212d;color:var(--ink);font-family:Sora,Trebuchet MS,Segoe UI,sans-serif;font-family:var(--font-heading);font-size:1.18rem;line-height:1.35;margin-bottom:.65rem}.project-card p{color:#576272;color:var(--muted);margin-bottom:1rem}.project-tech{color:#0b5d74;color:var(--accent-strong);font-size:.88rem;font-weight:700;letter-spacing:.01em;margin-bottom:1rem}.project-links{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:auto}.project-link{border-radius:.7rem;font-size:.9rem;font-weight:700;padding:.45rem .8rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.project-link:hover{transform:translateY(-2px)}.github-link{background:#0f172a;color:#f8fafc}.github-link:hover{background:#1e293b;box-shadow:0 8px 20px #0f172a33}.live-link{background:#dff2f9;background:var(--accent-soft);color:#0b5d74;color:var(--accent-strong)}.live-link:hover{background:#c7ecf8;box-shadow:0 8px 18px #0e749029}.project-demo{margin-top:1rem}.project-demo-video{aspect-ratio:16/9;background:#000;border:1px solid #d2dbe7;border-radius:.8rem;display:block;width:100%}.contact{background:#fbfdff;background:var(--surface)}.contact-container{max-width:48rem}.contact-form{animation:fade-in-up .8s ease both;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #d5dee8;border:1px solid var(--line);border-radius:1rem;box-shadow:0 10px 30px #0f223714;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.7rem;padding:1.75rem;position:relative}.contact-honeypot{height:1px;left:-9999px;overflow:hidden;position:absolute;width:1px}.form-label{color:#18212d;color:var(--text);font-weight:700}.contact-input,.contact-textarea{background:#fbfdff;border:1px solid #cdd8e6;border-radius:.7rem;color:#18212d;color:var(--text);font:inherit;padding:.75rem .9rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.contact-input::placeholder,.contact-textarea::placeholder{color:#8a97a8}.contact-textarea{min-height:9.5rem;resize:vertical}.contact-input:focus,.contact-textarea:focus{background:#fff;border-color:#0e7490;border-color:var(--accent);box-shadow:0 0 0 4px #0e74901f;outline:none}.contact-submit{align-self:flex-start;background:linear-gradient(135deg,#0e7490,#0891b2);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font:inherit;font-weight:700;margin-top:.45rem;padding:.68rem 1.15rem;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.contact-submit:hover{box-shadow:0 10px 22px #0e74903d;transform:translateY(-1px)}.contact-submit:disabled{cursor:not-allowed;opacity:.72}.contact-status{font-weight:700;margin-top:.25rem}.contact-status-success{color:#1f7a46}.contact-status-error{color:#c03838}@keyframes fade-in-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.hero{padding-top:8.8rem}.container{width:min(1100px,calc(100% - 2.2rem))}}@media (max-width:768px){section{padding:4.5rem 0}.nav{flex-direction:column;gap:.65rem;min-height:auto;padding:.8rem 0}.nav-links{flex-wrap:wrap;justify-content:center;width:100%}.hero{padding-bottom:4.8rem;padding-top:9.8rem}.projects-grid{grid-template-columns:1fr}.project-card{padding:1.35rem}.contact-form{padding:1.2rem}.contact-submit{align-self:stretch;text-align:center;width:100%}}@media (max-width:520px){.container{width:min(1100px,calc(100% - 1.4rem))}.hero-content h2{letter-spacing:-.02em}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=main.47eca457.css.map*/