@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap);body{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}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f0cdf2;border:1px solid #3674b51a;border-radius:50px;box-shadow:0 8px 25px #3674b526;padding:.5rem;position:fixed;right:2rem;top:2rem;z-index:1000}.nav-container{align-items:center;display:flex}.nav-list{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.nav-link{background:none;border:none;border-radius:25px;color:var(--indigo);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background-color:#3674b51a;color:var(--sky-blue)}.nav-link.active{background-color:var(--indigo);box-shadow:0 4px 12px #3674b54d;color:#fff}.nav-link.active:hover{background-color:var(--sky-blue)}@media (max-width:768px){.navbar{left:1rem;right:1rem;top:1rem;width:auto}.nav-list{gap:.25rem;justify-content:space-between;width:100%}.nav-link{flex:1 1;font-size:.8rem;padding:.6rem .8rem;text-align:center}}@media (max-width:480px){.nav-link{font-size:.75rem;padding:.5rem}}.hero-header{justify-content:center;min-height:100vh;padding:2rem 0;position:relative;width:100%}.hero-header,.hero-wrapper{align-items:center;display:flex}.hero-wrapper{gap:4rem;justify-content:space-between;margin:0 auto;max-width:1200px}.hero-content{flex:1 1;max-width:600px;text-align:left}.hero-animation{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:500px}.hero-name{font-size:4rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem}.name-highlight{color:var(--sky-blue);position:relative}.name-highlight:after{background:linear-gradient(90deg,var(--sky-blue),var(--indigo));border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.hero-role{color:var(--sky-blue);font-size:2rem;font-weight:600;margin-bottom:2rem}.hero-tagline{color:var(--indigo);font-size:1.3rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.8}.hero-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start;margin-bottom:2rem}.animation-container{align-items:center;background:#0000;border-radius:20px;display:flex;height:400px;justify-content:center;max-width:400px;width:100%}.lottie-wrapper{height:300px;position:relative;width:300px;z-index:2}.coding-animation{background:#0000!important;display:block!important;height:100%!important;opacity:1!important;visibility:visible!important;width:100%!important}.css-animation-fallback{align-items:center;display:flex;height:300px;justify-content:center;left:0;opacity:.3;position:absolute;top:0;width:300px;z-index:1}.react-logo{height:200px;position:relative;width:200px}.nucleus{background:var(--sky-blue);border-radius:50%;box-shadow:0 0 20px var(--sky-blue);height:20px;transform:translate(-50%,-50%);width:20px}.nucleus,.orbit{left:50%;position:absolute;top:50%}.orbit{animation:rotate 10s linear infinite;border:2px solid var(--sky-blue);border-radius:50%;opacity:.6}.orbit-1{animation-duration:6s;transform:translate(-50%,-50%) rotate(0deg)}.orbit-1,.orbit-2{height:60px;width:150px}.orbit-2{animation-duration:8s;transform:translate(-50%,-50%) rotate(60deg)}.orbit-3{animation-duration:10s;height:60px;transform:translate(-50%,-50%) rotate(-60deg);width:150px}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.floating-logos-container{height:400px;position:relative;width:400px}.floating-logo,.floating-logos-container{align-items:center;display:flex;justify-content:center}.floating-logo{animation:float-around 15s linear infinite;background:linear-gradient(135deg,var(--indigo),var(--sky-blue));border-radius:50%;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:60px;position:absolute;transition:all .3s ease;width:60px}.floating-logo:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.2)}.logo-text{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.logo-icon{font-size:24px}.js-logo{animation-delay:0s;background:linear-gradient(135deg,#f7df1e,#f0db50);color:#333}.java-logo{animation-delay:-2s;background:linear-gradient(135deg,#ed8b00,#f89820)}.spring-logo{animation-delay:-4s;background:linear-gradient(135deg,#6db33f,#8bc34a)}.react-logo{animation-delay:-6s;background:linear-gradient(135deg,#61dafb,#21a9c7)}.node-logo{animation-delay:-8s;background:linear-gradient(135deg,#8cc84b,#689f38)}.html-logo{animation-delay:-10s;background:linear-gradient(135deg,#e34f26,#f16529)}.css-logo{animation-delay:-12s;background:linear-gradient(135deg,#1572b6,#33a9dc)}.postgres-logo{animation-delay:-14s;background:linear-gradient(135deg,#336791,#4a90e2);font-size:8px;width:70px}@keyframes float-around{0%{transform:rotate(0deg) translateX(150px) rotate(0deg)}to{transform:rotate(1turn) translateX(150px) rotate(-1turn)}}.scroll-indicator{align-items:center;bottom:3rem;color:var(--indigo);display:flex;flex-direction:column;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%)}.scroll-text{font-size:.9rem;font-weight:500;opacity:.8}.scroll-arrow{color:var(--indigo);font-size:1.5rem;font-weight:700}@media (max-width:1024px){.hero-wrapper{flex-direction:column;gap:3rem;text-align:center}.hero-content{max-width:100%;text-align:center}.hero-buttons{justify-content:center}.floating-logos-container{height:350px;width:350px}.floating-logo{font-size:12px;height:50px;width:50px}.logo-text{font-size:8px}.logo-icon{font-size:20px}.postgres-logo{font-size:7px;width:60px}}@media (max-width:768px){.hero-name{font-size:3rem}.hero-role{font-size:1.5rem}.hero-tagline{font-size:1.1rem}.hero-buttons{align-items:center;flex-direction:column;gap:1rem}.hero-buttons .btn{max-width:280px;width:100%}.animation-container{height:300px;max-width:300px}.coding-animation{height:200px;width:200px}}@media (max-width:480px){.hero-name{font-size:2.5rem}.hero-role{font-size:1.3rem}.hero-tagline{font-size:1rem}}.image-bio-split{padding:4rem 0}.split-content{align-items:center;gap:4rem}.image-section{display:flex;justify-content:center}.profile-image-container{border-radius:50%;box-shadow:0 20px 60px #3674b533;height:300px;overflow:hidden;position:relative;transition:transform .3s ease;width:300px}.profile-image-container:hover{transform:scale(1.05)}.profile-image{height:100%;object-fit:cover;object-position:center;width:100%}.bio-section h2{color:var(--indigo);margin-bottom:2rem}.bio-text{color:var(--indigo);font-size:1.2rem;line-height:1.8;opacity:.8}.education-timeline h3{border-bottom:2px solid var(--golden);color:var(--sky-blue);display:inline-block;margin-bottom:2rem;padding-bottom:.5rem}.timeline-item{background:#3674b50d;border-left:4px solid var(--golden);border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.timeline-item:hover{background:#3674b51a;box-shadow:0 8px 25px #3674b526;transform:translateX(10px)}.timeline-period{background:var(--indigo);border-radius:15px;color:var(--golden);display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;padding:.25rem .75rem}.timeline-degree{color:var(--indigo);font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.timeline-institution{color:var(--indigo);font-size:1rem;opacity:.7}@media (max-width:768px){.split-content{gap:3rem;grid-template-columns:1fr;text-align:center}.profile-image-container{height:250px;width:250px}.bio-text{font-size:1.1rem}.timeline-item:hover{transform:none}}@media (max-width:480px){.profile-image-container{height:200px;width:200px}.timeline-item{padding:1rem}}.skill-group-grid{padding:4rem 0}.section-header p{color:var(--indigo);font-size:1.1rem;margin-top:1rem;opacity:.8}.skills-grid{gap:2rem}.skill-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s ease}.skill-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 16px 40px #0003,0 6px 12px #0000001a;transform:translateY(-8px) scale(1.02)}.skill-icon{align-items:center;display:flex;font-size:3rem;height:80px;justify-content:center;margin-bottom:1rem}.skill-lottie-icon{filter:drop-shadow(0 4px 8px rgba(59,130,246,.3));height:60px;width:60px}.skill-category{color:var(--indigo);font-size:1.3rem;margin-bottom:1.5rem}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.skill-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:var(--indigo);font-size:.85rem;font-weight:600;padding:.5rem 1rem;text-transform:capitalize;transition:all .3s ease}.skill-badge:hover{background:var(--indigo);box-shadow:0 8px 16px #00000026;color:#fff;transform:translateY(-3px) scale(1.05)}@media (max-width:768px){.skills-grid{gap:1.5rem;grid-template-columns:1fr}.skill-card{padding:1.5rem}.skill-icon{font-size:2.5rem}}.project-card-list{padding:2rem 0}.projects-stack{margin:5rem auto;max-width:800px;min-height:760px;padding:0 2rem;position:relative}.project-card-stack{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;display:flex;flex-direction:column;min-height:400px;overflow:hidden;position:relative;transition:all .4s ease;width:100%}.project-card-stack:hover{border-color:var(--accent-primary);box-shadow:0 16px 40px #0003,0 4px 12px #00000026;transform:translateY(-4px)}.project-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:0 8px 32px var(--shadow),0 2px 8px var(--shadow);display:flex;flex-direction:column;height:520px;overflow:hidden;position:relative;transition:all .4s ease}.project-card:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);box-shadow:0 20px 48px var(--shadow),0 8px 16px var(--shadow);transform:translateY(-12px) scale(1.02)}.project-header{background:linear-gradient(135deg,var(--indigo) 0,var(--sky-blue) 100%);padding:1.5rem;position:relative;text-align:center}.project-id{color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px;margin:0}.project-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.project-title{color:var(--text-primary);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-sm)}.project-description{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.6;margin-bottom:var(--space-md)}.tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tech-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;color:var(--indigo);cursor:default;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase;transition:all .3s ease}.tech-badge:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px) scale(1.05)}.key-features{margin-bottom:1.5rem}.key-features h5{color:var(--indigo);font-size:.85rem;font-weight:600;margin-bottom:.5rem}.features-list{list-style:none;margin:0;padding:0}.features-list li{color:var(--indigo);font-size:.75rem;margin-bottom:.2rem;opacity:.8;padding-left:.8rem;position:relative}.features-list li:before{color:var(--indigo);content:"•";left:0;position:absolute}.project-links{display:flex;flex-wrap:nowrap;gap:.5rem;margin-top:auto}.btn-code,.btn-demo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:16px;display:inline-flex;flex:1 1;font-size:.8rem;font-weight:700;gap:.4rem;justify-content:center;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-code:hover,.btn-demo:hover{box-shadow:0 12px 24px #0003;transform:translateY(-3px) scale(1.05)}.btn-code{background:#ffffff1a;border-color:#ffffff4d;color:var(--indigo)}.btn-code:hover{background:var(--indigo);color:#fff}.btn-demo{background:linear-gradient(135deg,var(--indigo),var(--sky-blue));border-color:#ffffff4d;color:#fff}.btn-demo:hover{background:var(--sky-blue);border-color:var(--sky-blue)}.btn-icon{font-size:.9rem}.github-cta{display:flex;justify-content:center;margin-top:2rem}.cta-content{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;max-width:500px;padding:2rem;text-align:center;transition:all .3s ease}.cta-content h3{color:var(--indigo);font-size:1.2rem;margin-bottom:.75rem}.cta-content p{color:var(--indigo);font-size:.9rem;margin-bottom:1.5rem;opacity:.8}.btn-github{align-items:center;background:var(--indigo);border:2px solid var(--indigo);border-radius:6px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-github:hover{background:var(--sky-blue);border-color:var(--sky-blue);transform:translateY(-2px)}@media (max-width:768px){.projects-stack{max-width:100%;min-height:530px;padding:0 1rem}.project-card-stack{min-height:350px}.project-header{padding:1.2rem}.project-id{font-size:1.8rem}.project-content{padding:1.2rem}.project-links{flex-wrap:wrap}.btn-code,.btn-demo{flex:1 1;min-width:120px}.cta-content{margin:0 1rem;padding:1.5rem}}@media (max-width:480px){.projects-stack{min-height:470px;padding:0 .5rem}.project-card-stack{min-height:320px}.project-header{padding:1rem}.project-id{font-size:1.5rem}.project-content{padding:1rem}.project-links{flex-direction:column}.btn-code,.btn-demo{flex:none;min-width:auto}}.certificates-section{padding:2rem 0}.certificates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1200px}.certificate-card{background:#3674b50d;border:1px solid #3674b51a;border-radius:12px;box-shadow:0 6px 20px #3674b51f;display:flex;flex-direction:column;height:320px;overflow:hidden;transition:all .3s ease}.certificate-card:hover{border-color:var(--golden);box-shadow:0 12px 30px #3674b533;transform:translateY(-5px)}.cert-header{align-items:center;background:linear-gradient(135deg,var(--indigo) 0,var(--sky-blue) 100%);color:#fff;display:flex;gap:1rem;padding:1.2rem}.cert-icon{font-size:2rem;opacity:.9}.cert-info{flex:1 1}.cert-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.cert-provider{color:#fffc;font-size:.9rem;margin:0}.cert-year{align-items:center;display:flex}.year-badge{background:#ffffff26;border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .6rem}.cert-content{display:flex;flex:1 1;flex-direction:column;padding:1.2rem}.cert-description{color:var(--indigo);font-size:.85rem;line-height:1.5;margin-bottom:1rem;opacity:.8}.skills-section{margin-top:auto}.skills-section h5{color:var(--indigo);font-size:.85rem;font-weight:600;margin-bottom:.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:.4rem}.skill-tag{background:#3674b51a;border:1px solid #3674b533;border-radius:10px;color:var(--indigo);font-size:.7rem;font-weight:500;padding:.25rem .6rem}.continuous-learning{display:flex;justify-content:center;margin-top:2rem}.learning-content{background:linear-gradient(135deg,var(--indigo) 0,var(--sky-blue) 100%);border-radius:12px;box-shadow:0 6px 20px #3674b526;color:#fff;max-width:800px;padding:2rem;text-align:center}.learning-content h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.learning-content p{color:#ffffffe6;font-size:.95rem;line-height:1.6;margin:0}@media (max-width:900px){.certificates-grid{gap:1.5rem;grid-template-columns:1fr}.certificate-card{height:auto;min-height:280px}}@media (max-width:768px){.certificates-section{padding:1.5rem 0}.certificate-card{margin:0 1rem;min-height:250px}.cert-header{flex-direction:column;gap:.5rem;padding:1rem;text-align:center}.cert-icon{font-size:1.5rem}.cert-title{font-size:1rem}.cert-content{padding:1rem}.learning-content{margin:0 1rem;padding:1.5rem}.learning-content h3{font-size:1.1rem}.learning-content p{font-size:.9rem}}@media (max-width:480px){.certificate-card{margin:0}.cert-content,.cert-header{padding:.8rem}.skills-list{justify-content:center}}.resume-block{padding:4rem 0}.resume-content{margin:0 auto;max-width:600px}.resume-content h2,.resume-content p{color:var(--indigo)}.resume-content p{font-size:1.2rem;line-height:1.6;opacity:.8}.btn-large{font-size:1.1rem;font-weight:600;padding:1.2rem 3rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.loading-animation{filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}.loading-message{color:var(--indigo);font-size:1rem;font-weight:500;margin-top:1rem;opacity:.8;text-align:center}.contact-form-block{padding:4rem 0}.contact-content{align-items:start;gap:4rem}.contact-form{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;padding:2rem;transition:all .4s ease}.contact-form:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--indigo);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 2px 8px #0000000d;color:var(--indigo);font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#ffffffe6;border-color:var(--indigo);box-shadow:0 4px 16px #3b82f633,0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--indigo);opacity:.6}.submit-btn{margin-top:1rem;width:100%}.button-content{align-items:center;display:flex;gap:.5rem;justify-content:center}.status-message{border-radius:8px;font-weight:500;margin-top:1rem;padding:1rem;text-align:center}.status-message.success{background:#28a7451a;border:1px solid #28a7454d;color:#28a745}.status-message.error{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.social-section h3{color:var(--indigo);margin-bottom:2rem}.social-links{display:flex;flex-direction:column;gap:1rem}.social-link{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 16px #0000001a;color:var(--indigo);display:flex;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#fff3;border-color:#fff6;box-shadow:0 8px 24px #00000026;color:var(--indigo);transform:translateY(-4px) scale(1.02)}.social-icon{font-size:1.5rem}.social-name{font-size:1.1rem;font-weight:500}@media (max-width:768px){.contact-content{gap:3rem;grid-template-columns:1fr}.contact-form{padding:1.5rem}.social-links{flex-direction:row;flex-wrap:wrap;justify-content:center}.social-link{flex:1 1;justify-content:center;min-width:120px;text-align:center}}.theme-toggle{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;box-shadow:0 8px 32px #0000001f;cursor:pointer;display:flex;font-size:1.5rem;height:3.5rem;justify-content:center;position:fixed;right:2rem;top:2rem;transition:all .3s ease;width:3.5rem;z-index:1000}.theme-toggle:hover{background:#fff3;box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.theme-toggle:active{transform:translateY(0) scale(.95)}.toggle-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}[data-theme=dark] .theme-toggle{background:#0000004d;border-color:#ffffff1a}[data-theme=dark] .theme-toggle:hover{background:#0006}@media (max-width:768px){.theme-toggle{font-size:1.2rem;height:3rem;right:1rem;top:1rem;width:3rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f0cd;background-color:var(--bg-primary);color:#3674b5;color:var(--text-primary);font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}:root{--bg-primary:#f5f0cd;--bg-secondary:#f5f0cd;--bg-tertiary:#e8e3a3;--text-primary:#3674b5;--text-secondary:#3674b5;--text-muted:#578fca;--accent-primary:#3674b5;--accent-secondary:#578fca;--accent-tertiary:#fada7a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--border:#3674b533;--shadow:#3674b526;--glass-bg:#ffffff1a;--glass-border:#fff3;--cream:#f5f0cd;--indigo:#3674b5;--sky-blue:#578fca;--golden:#fada7a;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-5xl:3rem;--font-6xl:3.75rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#818cf8;--accent-secondary:#a78bfa;--accent-tertiary:#22d3ee;--success:#34d399;--warning:#fbbf24;--error:#f87171;--border:#334155cc;--shadow:#0000004d;--glass-bg:#0003;--glass-border:#ffffff1a}.App{background:linear-gradient(135deg,#f5f0cd,#f5f0cd);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);min-height:100vh;transition:background .3s ease}.main-content{position:relative}.section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:0;scroll-snap-align:start}h1,h2,h3,h4,h5,h6{color:#3674b5;color:var(--text-primary);font-weight:600;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-md)}h1{font-size:3rem;font-size:var(--font-5xl);font-weight:800;letter-spacing:-.02em}h2{font-size:2.25rem;font-size:var(--font-4xl);font-weight:700}h3{font-size:1.5rem;font-size:var(--font-2xl)}h3,h4{font-weight:600}h4{font-size:1.25rem;font-size:var(--font-xl)}h5{font-size:1.125rem;font-size:var(--font-lg)}h5,h6{font-weight:600}h6{font-size:1rem;font-size:var(--font-base)}p{color:#3674b5;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-lg);line-height:1.7;margin-bottom:1rem;margin-bottom:var(--space-md)}.text-muted{color:#578fca;color:var(--text-muted)}.text-accent{color:#3674b5;color:var(--accent-primary)}.font-display{font-family:Space Grotesk,sans-serif;font-weight:700}.btn{align-items:center;border:2px solid #0000;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-size:var(--font-base);font-weight:600;gap:.5rem;gap:var(--space-sm);justify-content:center;overflow:hidden;padding:1.5rem 2rem;padding:var(--space-lg) var(--space-xl);position:relative;text-decoration:none;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#3674b5,#578fca);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 4px 15px #6366f14d;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#578fca,#3674b5);background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));box-shadow:0 8px 25px #6366f166;transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border-color:#fff3;border-color:var(--glass-border);box-shadow:0 4px 15px #3674b526;box-shadow:0 4px 15px var(--shadow);color:#3674b5;color:var(--text-primary)}.btn-secondary:hover{background:#e8e3a3;background:var(--bg-tertiary);box-shadow:0 8px 25px #3674b526;box-shadow:0 8px 25px var(--shadow);transform:translateY(-3px)}.btn-outline{background:#0000;border-color:#3674b5;border-color:var(--accent-primary);color:#3674b5;color:var(--accent-primary)}.btn-outline:hover{background:#3674b5;background:var(--accent-primary);box-shadow:0 8px 25px #6366f14d;color:#fff;transform:translateY(-3px)}.btn-ghost{background:#0000;color:#578fca;color:var(--text-muted);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.btn-ghost:hover{background:#ffffff1a;background:var(--glass-bg);color:#3674b5;color:var(--text-primary)}.btn-sm{font-size:.875rem;font-size:var(--font-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.btn-lg{font-size:1.125rem;font-size:var(--font-lg);padding:2rem 3rem;padding:var(--space-xl) var(--space-2xl)}.container{margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-col{flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.fade-in{animation:fadeIn .8s ease forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.slide-up{animation:slideUp .8s ease forwards;opacity:0;transform:translateY(30px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.hover-lift{transition:transform .3s ease}.hover-lift:hover{transform:translateY(-5px)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}@media (max-width:768px){.container{padding:0 1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{min-height:auto;padding:2rem 0}.btn{font-size:.9rem;padding:.8rem 1.5rem}}@media (max-width:480px){h1{font-size:2rem}.container{padding:0 .5rem}}
/*# sourceMappingURL=main.83327878.css.map*/