*{box-sizing:border-box;margin:0;padding:0}:root{--primary-bg:#0a192f;--secondary-bg:#112240;--tertiary-bg:#1a2f4f;--accent:#64ffda;--accent-secondary:#5eead4;--text-primary:#e6f1ff;--text-secondary:#8892b0;--text-highlight:#ccd6f6;--gradient-1:#667eea;--gradient-2:#764ba2;--error:#ff6b6b;--success:#51cf66;--warning:#ffd93d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a192f;background-color:var(--primary-bg);color:#e6f1ff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.App{min-height:100vh}.App,main{position:relative}main{z-index:1}section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:100px 20px;position:relative}.container{margin:0 auto;max-width:1200px;width:100%}.section-title{align-items:center;color:var(--text-highlight);display:flex;font-size:2.5rem;font-weight:700;gap:1rem;margin-bottom:3rem}.section-title:before{background:linear-gradient(90deg,var(--accent),var(--accent-secondary));border-radius:2px;content:"";display:inline-block;height:3px;width:60px}.section-number{color:var(--accent);font-size:1.5rem;margin-right:.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:768px){section{padding:80px 20px}.section-title{font-size:2rem}}.header{background-color:initial;left:0;padding:1.5rem 2rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a192ff2;box-shadow:0 10px 30px -10px #020c1bb3}.header-container{justify-content:space-between;margin:0 auto;max-width:1400px}.header-container,.logo{align-items:center;display:flex}.logo{color:var(--accent);font-size:1.5rem;font-weight:700;gap:.75rem;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo svg{transition:transform .3s ease}.logo:hover svg{transform:rotate(180deg)}.nav{align-items:center;display:flex;gap:2rem}.nav-link{color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-number{color:var(--accent);font-size:.8rem;margin-right:.25rem}.nav-link:after{background-color:var(--accent);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:var(--accent)}.nav-link:hover:after{width:100%}@media (max-width:768px){.header{padding:1rem}.nav{gap:1rem}.nav-link{font-size:.8rem}.logo span,.nav-number{display:none}}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-background{left:0;opacity:.3;position:absolute;top:0;z-index:0}.hero-background,.hero-svg{height:100%;width:100%}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1.2fr 1fr;position:relative;z-index:1}.hero-text{animation:fadeInUp 1s ease-out}.hero-greeting{color:var(--accent);font-size:1.1rem;font-weight:500;margin-bottom:1rem}.hero-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-highlight) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-highlight);font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.hero-tagline{color:var(--text-secondary);font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:2rem}.hero-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:3rem;max-width:600px}.hero-cta{display:flex;gap:1.5rem}.btn{border:2px solid var(--accent);border-radius:5px;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:initial;color:var(--accent)}.btn-primary:hover{background-color:#64ffda1a;box-shadow:0 10px 20px #64ffda33;transform:translateY(-3px)}.btn-secondary{background-color:var(--accent);border-color:var(--accent);color:var(--primary-bg)}.btn-secondary:hover{background-color:initial;box-shadow:0 10px 20px #64ffda33;color:var(--accent);transform:translateY(-3px)}.hero-visual{animation:fadeIn 1.5s ease-out}.hero-illustration{filter:drop-shadow(0 20px 40px rgba(100,255,218,.2));height:auto;max-width:500px;width:100%}@media (max-width:1024px){.hero-content{gap:3rem;grid-template-columns:1fr}.hero-visual{margin:0 auto;max-width:400px;order:-1}.hero-name{font-size:3rem}.hero-tagline{font-size:2.5rem}}@media (max-width:768px){.hero-name{font-size:2.5rem}.hero-tagline{font-size:2rem}.hero-description{font-size:1rem}.hero-cta{flex-direction:column;gap:1rem}.btn{text-align:center}}.about{background:linear-gradient(180deg,var(--primary-bg) 0,var(--secondary-bg) 100%)}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1.5fr 1fr}.about-text p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-highlights{display:flex;flex-direction:column;gap:2rem;margin-top:3rem}.highlight-item{align-items:flex-start;background:#64ffda0d;border:1px solid #64ffda1a;border-radius:10px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.highlight-item:hover{background:#64ffda14;border-color:#64ffda4d;transform:translateX(10px)}.highlight-icon{color:var(--accent);flex-shrink:0;height:40px;width:40px}.highlight-item h4{color:var(--text-highlight);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.highlight-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.about-visual{align-items:center;display:flex;justify-content:center}.about-illustration{filter:drop-shadow(0 10px 30px rgba(100,255,218,.15));height:auto;max-width:400px;width:100%}@media (max-width:1024px){.about-content{gap:3rem;grid-template-columns:1fr}.about-visual{order:-1}}@media (max-width:768px){.about-text p{font-size:1rem}.about-highlights{gap:1.5rem;margin-top:2rem}.highlight-item{padding:1rem}.highlight-icon{height:30px;width:30px}}.skills{background-color:var(--primary-bg)}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.skill-card{animation:fadeInUp .6s ease-out forwards;background:var(--secondary-bg);border:1px solid #64ffda1a;border-radius:10px;opacity:0;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.skill-card:before{background:linear-gradient(90deg,var(--accent),var(--accent-secondary));content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.skill-card:hover{border-color:var(--accent);box-shadow:0 20px 40px #64ffda33;transform:translateY(-10px)}.skill-card:hover:before{transform:scaleX(1)}.skill-icon{align-items:center;background:#64ffda1a;border-radius:10px;color:var(--accent);display:flex;height:60px;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;width:60px}.skill-card:hover .skill-icon{background:#64ffda33;transform:rotateY(1turn)}.skill-icon svg{height:35px;width:35px}.skill-title{color:var(--text-highlight);font-size:1.4rem;font-weight:600;margin-bottom:1.5rem}.skill-list{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{background:#64ffda1a;border:1px solid #0000;border-radius:5px;color:var(--accent);font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.skill-tag:hover{background:#64ffda33;border-color:var(--accent);transform:translateY(-2px)}@media (max-width:768px){.skills-grid{gap:1.5rem;grid-template-columns:1fr}.skill-card{padding:1.5rem}.skill-title{font-size:1.2rem}}.projects{background:linear-gradient(180deg,var(--secondary-bg) 0,var(--primary-bg) 100%)}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{animation:fadeInUp .6s ease-out forwards;background:var(--secondary-bg);border:1px solid #64ffda1a;border-radius:15px;opacity:0;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:after{background:radial-gradient(circle at top right,#64ffda1a,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.project-card:hover{border-color:var(--accent);box-shadow:0 25px 50px #64ffda40;transform:translateY(-15px) scale(1.02)}.project-card:hover:after{opacity:1}.project-icon{align-items:center;background:#64ffda1a;border-radius:12px;color:var(--accent);display:flex;height:70px;justify-content:center;margin-bottom:1.5rem;position:relative;transition:all .4s ease;width:70px;z-index:1}.project-card:hover .project-icon{background:linear-gradient(135deg,#64ffda33,#5eead433);transform:scale(1.1) rotate(5deg)}.project-icon svg{height:40px;width:40px}.project-title{color:var(--text-highlight);font-size:1.5rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}.project-description{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1.5rem;position:relative;z-index:1}.project-tech{display:flex;flex-wrap:wrap;gap:.75rem;position:relative;z-index:1}.tech-badge{background:#64ffda1a;border:1px solid #0000;border-radius:20px;color:var(--accent);font-size:.85rem;font-weight:600;padding:.4rem .9rem;transition:all .3s ease}.tech-badge:hover{background:#64ffda33;border-color:var(--accent);transform:translateY(-2px)}@media (max-width:768px){.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-card{padding:2rem}.project-title{font-size:1.3rem}.project-description{font-size:.95rem}}.contact{background-color:var(--primary-bg)}.contact-content{display:flex;flex-direction:column;gap:4rem}.contact-info{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.contact-visual{display:flex;justify-content:center}.contact-illustration{color:var(--accent);height:auto;max-width:400px;width:100%}.float-icon{animation:float 3s ease-in-out infinite}.contact-text h3{color:var(--text-highlight);font-size:2rem;font-weight:700;margin-bottom:1.5rem}.contact-text p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.contact-methods{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-card{align-items:center;background:var(--secondary-bg);border:2px solid #64ffda1a;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.contact-card:before{background:linear-gradient(90deg,#0000,#64ffda1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.contact-card:hover:before{left:100%}.contact-card:hover{border-color:var(--accent);box-shadow:0 20px 40px #64ffda33;transform:translateY(-10px)}.contact-card-icon{align-items:center;background:#64ffda1a;border-radius:50%;color:var(--accent);display:flex;height:60px;justify-content:center;margin-bottom:1rem;transition:all .3s ease;width:60px}.contact-card:hover .contact-card-icon{background:#64ffda33;transform:scale(1.1) rotate(10deg)}.contact-card-icon svg{height:30px;width:30px}.contact-card h4{color:var(--text-highlight);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.contact-card p{color:var(--text-secondary);font-size:.95rem}@media (max-width:1024px){.contact-info{gap:2rem;grid-template-columns:1fr}.contact-visual{order:-1}}@media (max-width:768px){.contact-text h3{font-size:1.5rem}.contact-text p{font-size:1rem}.contact-methods{gap:1.5rem;grid-template-columns:1fr}.contact-card{padding:1.5rem}}.footer{background:linear-gradient(180deg,var(--primary-bg) 0,var(--secondary-bg) 100%);border-top:1px solid #64ffda1a;padding:4rem 2rem 2rem}.footer-content{flex-direction:column;gap:3rem}.footer-content,.footer-logo{align-items:center;display:flex}.footer-logo{color:var(--accent);font-size:1.3rem;font-weight:700;gap:1rem}.footer-logo svg{transition:transform .3s ease}.footer-logo:hover svg{transform:rotate(180deg)}.footer-links{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.footer-links a{color:var(--text-secondary);font-size:1rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.footer-links a:after{background-color:var(--accent);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links a:hover{color:var(--accent)}.footer-links a:hover:after{width:100%}.footer-social{display:flex;gap:1.5rem}.footer-social a{align-items:center;background:#64ffda0d;border:1px solid #0000;border-radius:50%;color:var(--text-secondary);display:flex;height:45px;justify-content:center;transition:all .3s ease;width:45px}.footer-social a svg{height:24px;width:24px}.footer-social a:hover{background:#64ffda1a;border-color:var(--accent);color:var(--accent);transform:translateY(-5px)}.footer-bottom{border-top:1px solid #64ffda1a;padding-top:2rem;text-align:center;width:100%}.footer-bottom p{color:var(--text-secondary);font-size:.95rem;margin-bottom:.5rem}.copyright{font-size:.85rem!important;opacity:.7}@media (max-width:768px){.footer{padding:3rem 1rem 1.5rem}.footer-links{gap:1.5rem}.footer-links a{font-size:.9rem}.footer-social{gap:1rem}.footer-bottom p{font-size:.85rem}}
/*# sourceMappingURL=main.9fc6e326.css.map*/