@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--bg-light:#f8fafc;--text-light:#0f172a;--bg-dark:#0f172a;--text-dark:#e2e8f0;--accent:#38bdf8;--gray:#64748b;--card-bg:#fff;--card-dark:#1e293b;--shadow:0 10px 30px #00000014}[data-theme=dark]{--bg-light:var(--bg-dark);--text-light:var(--text-dark);--card-bg:var(--card-dark);--shadow:0 10px 30px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;background:var(--bg-light);color:#0f172a;color:var(--text-light);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;transition:background .4s,color .4s}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem}section{padding:6rem 0}h1,h2{font-weight:700;line-height:1.2}a{color:#38bdf8;color:var(--accent);text-decoration:none;transition:color .3s}a:hover{color:#0ea5e9}.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172aeb;border-bottom:1px solid #38bdf81f;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{background:#0f172af7;border-bottom-color:#38bdf838;box-shadow:0 10px 30px #00000040}.navbar-container{align-items:center;display:flex;justify-content:space-between;max-width:1400px;padding:1.4rem 0}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--accent),#a5f3fc);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;transition:transform .4s ease}.logo:hover{transform:scale(1.05)}.nav-links{align-items:center;display:flex;gap:3rem;list-style:none;margin:0;padding:0}.nav-links a{color:#ffffffe6;font-size:1.05rem;font-weight:500;padding-bottom:.4rem;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a.active,.nav-links a:hover{color:var(--accent)}.nav-links a:after{background:var(--accent);border-radius:2px;bottom:0;content:"";height:2.5px;left:50%;position:absolute;transform:translateX(-50%);transition:width .4s ease;width:0}.nav-links a.active:after,.nav-links a:hover:after{width:70%}.nav-links a.active:before,.nav-links a:hover:before{animation:wave-flow 4s linear infinite;background:linear-gradient(90deg,#0000,var(--accent),#0000);bottom:-6px;content:"";filter:blur(5px);height:6px;left:0;opacity:.35;position:absolute;width:100%}@keyframes wave-flow{0%{transform:translateX(-120%)}to{transform:translateX(120%)}}.theme-toggle{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.theme-toggle:hover{background:#38bdf826;transform:scale(1.25) rotate(15deg)}.hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-between;width:32px;z-index:1100}.hamburger span{background:#fff;border-radius:2px;height:3px;transition:all .4s ease;width:100%}.hamburger.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:992px){.hamburger{display:flex}.nav-links{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172afa;flex-direction:column;gap:3rem;height:100vh;justify-content:center;max-width:320px;position:fixed;right:-100%;top:0;transition:right .5s cubic-bezier(.68,-.55,.265,1.55);width:80%;z-index:1000}.nav-links.active{right:0}.nav-links a{font-size:1.4rem}}.hero{display:flex;min-height:90vh;padding:4rem 0}.hero,.hero-grid{align-items:center}.hero-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.hero-text{max-width:580px}.hero-text h1{font-size:4.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin-bottom:.8rem}.hero-text h2{color:var(--accent);font-size:2.4rem;font-weight:600;margin-bottom:1.8rem}.hero-text p{color:var(--gray);font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem}.hero-cta{display:flex;flex-wrap:wrap;gap:1.2rem}.btn{cursor:pointer;display:inline-block;font-weight:600;padding:.9rem 1.8rem}.primary-btn{background:var(--accent);box-shadow:0 8px 25px #38bdf840;color:#0f172a}.primary-btn:hover{background:#0ea5e9;box-shadow:0 12px 35px #38bdf866;transform:translateY(-3px)}.secondary-btn{background:#0000;border:2px solid var(--accent);color:var(--accent)}.secondary-btn:hover{background:var(--accent);color:#0f172a;transform:translateY(-3px)}.hero-image{display:flex;justify-content:flex-end;position:relative}.image-wrapper{max-width:420px;position:relative;width:100%}.profile-img{border-radius:24px;box-shadow:var(--shadow),0 0 0 1px #38bdf81f;height:auto;object-fit:cover;transition:all .5s ease;width:100%}.profile-img:hover{box-shadow:0 30px 70px #0000002e,0 0 0 2px #38bdf840;transform:translateY(-12px) scale(1.03)}.image-overlay{background:linear-gradient(135deg,#38bdf814,#0f172a1f);border-radius:24px;inset:0;opacity:.6;pointer-events:none;position:absolute;transition:opacity .4s}.image-wrapper:hover .image-overlay{opacity:.85}@media (max-width:992px){.hero-grid{gap:5rem;grid-template-columns:1fr;text-align:center}.hero-text{margin:0 auto;max-width:680px}.hero-cta,.hero-image{justify-content:center}.image-wrapper{max-width:380px}}@media (max-width:768px){.hero{min-height:85vh;padding:6rem 0 4rem}.hero-text h1{font-size:3.4rem}.hero-text h2{font-size:2rem}.hero-text p{font-size:1.15rem}}.about-section{background:linear-gradient(to bottom,var(--bg-light) 0,#38bdf805 100%);padding:8rem 0 10rem}.about-section h1{font-size:3.4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;text-align:center}.about-intro{margin:0 auto 5rem;max-width:780px;text-align:center}.about-intro p{color:var(--gray);font-size:1.22rem;line-height:1.8;margin-bottom:1.4rem}.about-intro strong{color:var(--text-light);font-weight:600}.skills-section{margin:0 auto 6rem;max-width:1000px;text-align:center}.skills-section h2{color:var(--accent);font-size:2.2rem;margin-bottom:2.5rem}.skills-grid{display:flex;flex-wrap:wrap;gap:1.2rem 1.5rem;justify-content:center}.skill-badge{align-items:center;background:var(--card-bg);border:1px solid #38bdf81f;border-radius:12px;box-shadow:var(--shadow);display:flex;font-weight:500;gap:.8rem;padding:1rem 1.4rem;transition:all .3s ease}.skill-badge:hover{border-color:var(--accent);box-shadow:0 12px 30px #38bdf82e;transform:translateY(-4px)}.skill-icon{font-size:1.5rem}.skill-name{color:var(--text-light);font-size:1.05rem}.about-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr;margin-top:3rem}.about-card{background:var(--card-bg);border:1px solid #38bdf814;border-radius:16px;box-shadow:var(--shadow);padding:2.5rem;transition:all .35s ease}.about-card:hover{border-color:#38bdf833;box-shadow:0 25px 60px #00000024;transform:translateY(-10px)}.about-card h2{color:var(--accent);font-size:1.8rem;margin-bottom:1.6rem}.timeline{display:flex;flex-direction:column;gap:2rem}.timeline-item{padding-left:2.2rem;position:relative}.timeline-dot{background:var(--accent);border:3px solid var(--card-bg);border-radius:50%;box-shadow:0 0 0 4px #38bdf833;height:14px;left:0;position:absolute;top:.6rem;width:14px}.timeline-content h3{font-size:1.3rem;margin-bottom:.4rem}.timeline-date{color:var(--gray);font-size:.95rem;font-style:italic;margin-bottom:.8rem}.stats-card ul{font-size:1.1rem;line-height:2;list-style:none}.stats-card li{margin-bottom:.8rem;padding-left:1.8rem;position:relative}.stats-card li:before{color:var(--accent);content:"→";font-weight:700;left:0;position:absolute}@media (max-width:992px){.about-grid{grid-template-columns:1fr}.about-section{padding:6rem 0 8rem}}@media (max-width:768px){.about-section h1{font-size:2.8rem}.skills-grid{gap:1rem}.skill-badge{padding:.9rem 1.2rem}}.projects-section{background:linear-gradient(to bottom,var(--bg-light) 0,rgba(56,189,248,.025) 100%);padding:9rem 0 11rem}.projects-section h1{font-size:3.4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.8rem;text-align:center}.section-subtitle{font-size:1.22rem;margin-bottom:6rem;max-width:780px}.projects-grid{grid-gap:2.8rem;display:grid;gap:2.8rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.project-card{background:var(--card-bg);border:1px solid #38bdf812;border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:all .4s ease}.project-card:hover{border-color:#38bdf847;box-shadow:0 28px 70px #00000029;transform:translateY(-14px)}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:2.6rem 2.4rem}.project-content h2{color:var(--text-light);font-size:1.75rem;margin-bottom:1.1rem}.project-content p{color:var(--gray);flex-grow:1;font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.tech-stack{display:flex;flex-wrap:wrap;gap:1rem 1.2rem;margin-bottom:2.2rem}.tech-item{align-items:center;background:#38bdf814;border:1px solid #38bdf826;border-radius:12px;color:var(--text-light);display:flex;font-size:.95rem;font-weight:500;gap:.6rem;padding:.6rem 1.1rem;transition:all .3s ease}.tech-item:hover{background:#38bdf826;box-shadow:0 8px 20px #38bdf833;transform:translateY(-3px)}.tech-icon{color:var(--accent);flex-shrink:0;font-size:1.4rem}.tech-name{white-space:nowrap}.project-links{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:auto}.btn{align-items:center;border-radius:10px;display:inline-flex;font-size:1.05rem;font-weight:500;gap:.5rem;padding:.85rem 1.7rem;text-decoration:none;transition:all .3s ease}.github-btn{background:#1e293b;border:1px solid #334155;color:#fff}.github-btn:hover{background:#334155;box-shadow:0 10px 25px #1e293b4d;transform:translateY(-3px)}@media (max-width:992px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}}@media (max-width:768px){.projects-section{padding:7rem 0 9rem}.projects-section h1{font-size:2.8rem}.section-subtitle{font-size:1.12rem;margin-bottom:4.5rem}.tech-item{font-size:.9rem;padding:.5rem .9rem}.tech-icon{font-size:1.3rem}}.contact-section{align-items:center;display:flex;min-height:80vh;padding:10rem 0 12rem}.contact-section h1{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;text-align:center}.section-subtitle{color:var(--gray);font-size:1.25rem;line-height:1.6;margin-bottom:4.5rem;margin-left:auto;margin-right:auto;max-width:720px;text-align:center}.contact-card{background:var(--card-bg);border:1px solid #38bdf81a;border-radius:20px;box-shadow:var(--shadow);margin:0 auto;max-width:680px;padding:3.5rem;transition:all .35s ease}.contact-card:hover{border-color:#38bdf838;box-shadow:0 25px 70px #00000024;transform:translateY(-8px)}.contact-items{display:flex;flex-direction:column;gap:2.2rem}.contact-item{align-items:center;display:flex;gap:1.4rem;transition:transform .3s ease}.contact-item:hover{transform:translateX(6px)}.icon{color:var(--accent);font-size:2.4rem;min-width:50px}.contact-item:hover .icon{transform:scale(1.15)}.contact-info h3{color:var(--text-light);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.contact-info a,.contact-info p{color:var(--gray);font-size:1.15rem;transition:color .3s}.contact-info a:hover{color:var(--accent);text-decoration:underline}.contact-footer{color:var(--gray);font-size:1.3rem;font-weight:500;margin-top:4rem;text-align:center}@media (max-width:992px){.contact-section{padding:8rem 0 10rem}.contact-card{padding:2.8rem}}@media (max-width:768px){.contact-section{padding:6rem 0 8rem}.contact-section h1{font-size:2.8rem}.section-subtitle{font-size:1.15rem}.contact-item{gap:1.2rem}.icon{font-size:2.2rem;min-width:45px}.contact-info h3{font-size:1.15rem}.contact-info a,.contact-info p{font-size:1.05rem}}.footer{background:linear-gradient(180deg,#0f172a,#0f172afa);border-top:1px solid #38bdf82e;color:var(--gray);margin-top:8rem;overflow:hidden;padding:6rem 0 10rem;position:relative}.waves-particles-container{bottom:0;height:220px;left:0;overflow:hidden;pointer-events:none;position:absolute;width:100%;z-index:0}.waves{bottom:0;height:100%;position:absolute;width:200%}.wave-group{transform-origin:bottom}.particles{inset:0;pointer-events:none;position:absolute;z-index:1}.particle{animation:float-up var(--speed) linear infinite,fade-pulse 4s ease-in-out infinite;animation-delay:var(--delay);background:var(--accent);border-radius:50%;bottom:-30px;box-shadow:0 0 12px var(--accent),0 0 24px #38bdf880;height:var(--size);opacity:0;position:absolute;width:var(--size);will-change:transform,opacity}@keyframes float-up{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:.85}90%{opacity:.85}to{opacity:0;transform:translateY(-220px) translateX(var(--drift))}}@keyframes fade-pulse{0%,to{opacity:0}15%,85%{opacity:.9}}.container{position:relative;z-index:1}.footer-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:2fr 1fr 1.5fr}.footer-brand .footer-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--accent),#a5f3fc);-webkit-background-clip:text;color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.4rem}.footer-tagline{color:#ffffffbf;font-size:1.1rem;font-weight:500;margin-bottom:1.3rem}.footer-copyright{font-size:.94rem;line-height:1.7;opacity:.8}.footer-nav h4,.footer-right h4{color:#fff;font-size:1.18rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem}.footer-links{display:flex;flex-direction:column;gap:1.1rem}.footer-link{color:var(--gray);font-size:1.07rem;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:var(--accent);padding-left:1.3rem}.footer-link:before{content:"→";left:-1.3rem;opacity:0;position:absolute;transform:translateX(10px);transition:all .3s ease}.footer-link:hover:before{opacity:1;transform:translateX(0)}.footer-social{display:flex;gap:1.8rem;margin-bottom:2.2rem}.social-icon{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;display:flex;height:42px;justify-content:center;transition:all .4s ease;width:42px}.social-icon:hover{background:#38bdf82e;box-shadow:0 14px 35px #38bdf847;transform:translateY(-8px) scale(1.14)}.github:hover{background:#0d1117}.linkedin:hover{background:#0a66c2}.email:hover{background:var(--accent)}.icon{height:24px;transition:transform .3s;width:24px}.social-icon:hover .icon{transform:scale(1.2)}.back-to-top{align-items:center;background:#38bdf829;border:1px solid var(--accent);border-radius:14px;color:var(--accent);cursor:pointer;display:inline-flex;font-weight:600;gap:.6rem;padding:.9rem 1.9rem;transition:all .3s ease}.back-to-top:hover{background:var(--accent);box-shadow:0 14px 35px #38bdf861;color:#0f172a;transform:translateY(-5px)}@media (max-width:1024px){.footer-content{gap:3.5rem;grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer{margin-top:6rem;padding:5rem 0 3.5rem}.waves-container{height:90px}.footer-content{gap:3rem;grid-template-columns:1fr;text-align:center}.footer-brand,.footer-nav,.footer-right{align-items:center}.footer-links{flex-direction:row;flex-wrap:wrap;gap:1.6rem 2.4rem}.footer-links,.footer-social{justify-content:center}}[data-theme=dark] .particle{box-shadow:0 0 12px var(--accent),0 0 28px #38bdf899}.preloader{align-items:center;background:#0f172a;display:flex;inset:0;justify-content:center;position:fixed;transition:opacity .7s ease;z-index:9999}.loader{text-align:center}.spinner{animation:spin 1.1s cubic-bezier(.645,.045,.355,1) infinite;border:8px solid #38bdf826;border-radius:50%;border-top-color:#38bdf8;height:90px;margin:0 auto 1.8rem;width:90px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{animation:pulse 2.2s infinite;color:#38bdf8;font-size:1.6rem;font-weight:600;letter-spacing:3px}@keyframes pulse{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}
/*# sourceMappingURL=main.0fcc4bac.css.map*/