:root{--primary-color:#007bff;--secondary-color:#6c757d;--accent-color:#28a745;--background-dark:#121212;--card-dark:#1e1e1e;--text-primary:#fff;--text-secondary:#b0b0b0;--border-color:#333;--hover-color:#2a2a2a;--transition-speed:0.3s}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;background-color:var(--background-dark);color:#fff;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s,color .3s;transition:background-color var(--transition-speed),color var(--transition-speed)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#007bff;background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0056b3}.home{padding:20px 0}.hero-section{align-items:center;display:flex;gap:40px;justify-content:space-between;margin-bottom:60px}.hero-content{flex:1 1}.hero-content h1{color:var(--text-primary);font-size:3rem;margin-bottom:10px;position:relative}.hero-content h1:after{background:var(--primary-color);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:100px}.hero-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:1.8rem;margin-bottom:20px}.hero-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:30px}.hero-buttons{display:flex;gap:20px}.social-icons-home{display:flex;gap:15px;justify-content:center;margin:20px 0}.social-icons-home a{align-items:center;border-radius:50%;color:var(--text-primary);display:flex;font-size:1.5rem;height:45px;justify-content:center;transition:all var(--transition-speed);width:45px}.social-icons-home a:hover{filter:brightness(1.2);transform:translateY(-3px)}.social-icons-home a:first-child{background-color:#333}.social-icons-home a:nth-child(2){background-color:#0077b5}.social-icons-home a:nth-child(3){background-color:#000}.social-icons-home a:nth-child(4){background-color:#e4405f}.social-icons-home a:nth-child(5){background-color:#1877f2}.btn-primary{background-color:var(--primary-color);box-shadow:0 4px 15px #007bff4d;color:#fff}.btn-primary:hover{background-color:#0069d9;box-shadow:0 7px 20px #007bff66;transform:translateY(-3px)}.btn-secondary{background-color:var(--secondary-color);box-shadow:0 4px 15px #6c757d4d;color:#fff}.btn-secondary:hover{background-color:#5a6268;box-shadow:0 7px 20px #6c757d66;transform:translateY(-3px)}.btn-outline{background-color:initial;border:2px solid var(--primary-color);box-shadow:0 4px 15px #007bff1a;color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);box-shadow:0 7px 20px #007bff4d;color:#fff;transform:translateY(-3px)}.hero-image{display:flex;flex:1 1;justify-content:center}.image-placeholder{animation:float 6s ease-in-out infinite;border:5px solid var(--primary-color);border-radius:50%;box-shadow:0 10px 30px #0000004d;height:300px;overflow:hidden;position:relative;width:300px}.image-placeholder:before{animation:rotate 5s linear infinite;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-radius:50%;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;z-index:-1}.image-placeholder img{border-radius:50%;height:100%;object-fit:cover;width:100%}.home-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:40px}.section-card{background-color:var(--card-dark);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 5px 15px #0000004d;padding:30px;text-align:center;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.section-card:hover{box-shadow:0 10px 25px #00000080;transform:translateY(-5px)}.section-card h3{color:var(--text-primary);margin-bottom:15px}.section-card p{color:var(--text-secondary);margin-bottom:20px}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text}@media (max-width:992px){.hero-section{flex-direction:column;text-align:center}.hero-content h1:after{left:50%;transform:translateX(-50%)}.hero-buttons{justify-content:center}.home-sections{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.5rem}.image-placeholder{height:250px;width:250px}.home-sections{grid-template-columns:1fr}.hero-buttons{align-items:center;flex-direction:column}.btn{max-width:250px;width:100%}}@media (max-width:480px){.hero-content h1{font-size:2rem}.hero-content h2{font-size:1.3rem}.image-placeholder{height:200px;width:200px}}.about{padding:20px 0}.about-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.about-card{background-color:var(--card-dark);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 5px 15px #0000004d;padding:30px;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.about-card h2{color:var(--primary-color);display:inline-block;font-size:1.8rem;margin-bottom:20px;position:relative}.about-card h2:after{background:var(--accent-color);border-radius:1.5px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:50px}.about-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:15px}.services{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.service-item{background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;padding:20px;text-align:center;transition:all var(--transition-speed)}.service-item:hover{background-color:#007bff1a;box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.service-icon{color:var(--primary-color);font-size:2rem;margin-bottom:15px}.service-item h3{color:var(--text-primary);margin-bottom:10px}.service-item p{color:var(--text-secondary);font-size:.9rem;margin-bottom:0}@media (max-width:992px){.about-content{grid-template-columns:1fr}.services{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.services{grid-template-columns:1fr}}@media (max-width:480px){.about-card{padding:20px}}.experience{padding:20px 0}.experience-content{display:flex;flex-direction:column;gap:50px}.section{background-color:var(--card-dark);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 5px 15px #0000004d;padding:30px;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.section h2{color:var(--primary-color);display:inline-block;font-size:1.8rem;margin-bottom:25px;position:relative;text-align:center}.section h2:after{background:var(--accent-color);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:70px}.timeline-creative{margin:0 auto;max-width:1000px;padding:20px 0;position:relative}.timeline-creative:before{background:linear-gradient(to bottom,var(--primary-color),var(--accent-color));border-radius:2px;bottom:0;content:"";left:50%;margin-left:-2px;position:absolute;top:0;width:4px}.timeline-item-creative{box-sizing:border-box;padding:20px 40px;position:relative;width:100%}@media (min-width:993px){.timeline-item-creative.left{left:0;text-align:right}.timeline-item-creative.right{left:50%;text-align:left}}.timeline-marker{align-items:center;background-color:var(--background-dark);border:4px solid var(--primary-color);border-radius:50%;box-shadow:0 0 0 4px var(--card-dark),0 0 0 8px var(--border-color);display:flex;height:24px;justify-content:center;position:absolute;top:30px;transition:all var(--transition-speed);width:24px;z-index:10}@media (min-width:993px){.timeline-item-creative.left .timeline-marker{right:-12px}.timeline-item-creative.right .timeline-marker{left:-12px}}@media (max-width:992px){.timeline-item-creative.left .timeline-marker,.timeline-item-creative.right .timeline-marker{left:19px!important;right:auto!important}}.marker-inner{background-color:var(--accent-color);border-radius:50%;height:12px;transition:all var(--transition-speed);width:12px}.timeline-item-creative:hover .timeline-marker{border-color:var(--accent-color);transform:scale(1.2)}.timeline-item-creative:hover .marker-inner{background-color:var(--primary-color)}.timeline-content-creative{align-items:center;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 5px 15px #0000004d;display:flex;gap:20px;padding:25px;position:relative;transition:all var(--transition-speed)}.timeline-content-creative:hover{box-shadow:0 10px 25px #00000080;transform:translateY(-5px)}.timeline-image-creative{border:3px solid var(--primary-color);border-radius:50%;flex-shrink:0;height:80px;overflow:hidden;transition:all var(--transition-speed);width:80px}.timeline-content-creative:hover .timeline-image-creative{border-color:var(--accent-color);transform:rotate(5deg) scale(1.1)}.timeline-image-creative img{height:100%;object-fit:cover;width:100%}.timeline-text-creative{flex:1 1}.timeline-text-creative h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:5px}.timeline-text-creative h4{color:var(--primary-color);font-size:1.1rem;font-weight:500;margin-bottom:10px}.timeline-text-creative .period{color:var(--accent-color);font-size:.9rem;font-weight:600;margin-bottom:10px}.timeline-text-creative p{color:var(--text-secondary);line-height:1.6;margin-bottom:15px}.timeline-links{display:flex;flex-wrap:wrap;gap:15px}.timeline-links a{border:1px solid var(--primary-color);border-radius:20px;color:var(--primary-color);font-size:.9rem;font-weight:500;padding:5px 15px;text-decoration:none;transition:all var(--transition-speed)}.timeline-links a:hover{background-color:var(--primary-color);box-shadow:0 4px 10px #007bff4d;color:#fff;text-decoration:none;transform:translateY(-2px)}@media (max-width:1200px){.timeline-creative{max-width:90%}}@media (min-width:993px){.timeline-item-creative{width:50%}.timeline-item-creative.left{left:0;text-align:right}.timeline-item-creative.right{left:50%;text-align:left}}@media (max-width:992px){.timeline-creative:before{left:31px}.timeline-item-creative{left:auto;padding-left:70px;padding-right:25px;text-align:left!important;width:100%}.timeline-content-creative{flex-direction:row}.timeline-text-creative{text-align:left}}@media (max-width:768px){.section{padding:25px 15px}.timeline-creative{padding:15px 0}.timeline-creative:before{left:21px;margin-left:-1.5px;width:3px}.timeline-item-creative{left:auto;padding:10px 15px 10px 50px;width:100%}.timeline-item-creative.left .timeline-marker,.timeline-item-creative.right .timeline-marker{border-width:3px;height:20px;left:9px!important;right:auto!important;width:20px}.marker-inner{height:10px;width:10px}.timeline-content-creative{flex-direction:column;padding:20px;text-align:center}.timeline-image-creative{height:90px;width:90px}.timeline-text-creative{text-align:center}.timeline-text-creative .period{display:block;text-align:center}.timeline-links{justify-content:center}.timeline-text-creative h3{font-size:1.2rem}.timeline-text-creative h4{font-size:1rem}}@media (max-width:576px){.timeline-creative:before{left:15px}.timeline-item-creative{left:auto!important;padding-left:40px;padding-right:10px;width:100%}.timeline-item-creative.left .timeline-marker,.timeline-item-creative.right .timeline-marker{left:3px!important;right:auto!important}.timeline-content-creative{padding:15px}.timeline-image-creative{height:70px;width:70px}.timeline-text-creative h3{font-size:1.1rem}.timeline-links{align-items:center;flex-direction:column}.timeline-links a{text-align:center;width:80%}}@media (max-width:400px){.timeline-creative:before{left:10px}.timeline-item-creative{padding-left:30px}.timeline-item-creative.left .timeline-marker,.timeline-item-creative.right .timeline-marker{border-width:2px;height:18px;left:-2px!important;right:auto!important;width:18px}.marker-inner{height:8px;width:8px}.timeline-image-creative{height:60px;width:60px}.timeline-content-creative{padding:12px}.timeline-text-creative h3{font-size:1rem}.timeline-text-creative h4{font-size:.9rem}.timeline-text-creative .period{font-size:.8rem}}.skills{padding:20px 0}.view-toggle{align-items:center;background-color:#ffffff0d;border-radius:20px;cursor:pointer;display:flex;justify-content:center;margin:20px auto;padding:8px 15px;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.view-toggle span{color:var(--text-secondary);font-weight:500;transition:all var(--transition-speed)}.view-toggle .active{color:var(--primary-color);font-weight:600}.view-toggle .toggle-divider{color:var(--border-color);margin:0 10px}.skill-chip-icon.html5{color:#e34f26}.skill-chip-icon.css3{color:#1572b6}.skill-chip-icon.javascript-es6{color:#f7df1e}.skill-chip-icon.reactjs{color:#61dafb}.skill-chip-icon.nextjs{color:#000}.skill-chip-icon.redux-redux-toolkit{color:#764abc}.skill-chip-icon.tailwind-css{color:#38bdf8}.skill-chip-icon.bootstrap{color:#7952b3}.skill-chip-icon.vite{color:#646cff}.skill-chip-icon.react-router{color:#61dafb}.skill-chip-icon.cross-browser-compatibility,.skill-chip-icon.responsive-design{color:#4361ee}.skill-chip-icon.nodejs{color:#393}.skill-chip-icon.expressjs{color:#000}.skill-chip-icon.django{color:#092e20}.skill-chip-icon.jwt-authentication,.skill-chip-icon.middleware,.skill-chip-icon.mvc-architecture,.skill-chip-icon.restful-api-design{color:#000}.skill-chip-icon.session-authentication{color:#4361ee}.skill-chip-icon.socketio-real-time-apps{color:#010101}.skill-chip-icon.api-integration,.skill-chip-icon.api-testing-postman{color:#ff6c37}.skill-chip-icon.mongodb{color:#47a248}.skill-chip-icon.postgresql{color:#336791}.skill-chip-icon.sql-mysql{color:#4479a1}.skill-chip-icon.sql-sqlite{color:#0f80cc}.skill-chip-icon.firebase-auth,.skill-chip-icon.firebase-firestore{color:#ffca28}.skill-chip-icon.chromadb,.skill-chip-icon.pinecone{color:#00a38e}.other-skill-icon{font-size:1.5rem}.other-skill-icon.git{color:#f05032}.other-skill-icon.github{color:#181717}.other-skill-icon.githubactions{color:#2088ff}.other-skill-icon.docker{color:#2496ed}.other-skill-icon.vercel{color:#000}.other-skill-icon.netlify{color:#00c7b7}.other-skill-icon.code{color:var(--text-primary)}.other-skill-icon.linux{color:#fcc624}.other-skill-icon.mobile{color:#4361ee}.other-skill-icon.expo{color:#000020}.other-skill-icon.chartbar{color:#4e79a7}.other-skill-icon.tensorflow{color:#ff6f00}.other-skill-icon.openai,.other-skill-icon.robot{color:#000}.other-skill-icon.jupyter{color:#f37726}.other-skill-icon.vite{color:#646cff}.other-skill-icon.react{color:#61dafb}.skills-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.skills-category{background-color:var(--card-dark);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 5px 15px #0000004d;padding:30px;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.skills-category h2{color:var(--primary-color);display:inline-block;font-size:1.8rem;margin-bottom:25px;position:relative;text-align:center}.skills-category h2:after{background:var(--accent-color);border-radius:1.5px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.skills-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.skills-chips{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:10px 0}.skill-item{margin-bottom:20px}.skill-info{display:flex;justify-content:space-between;margin-bottom:5px}.skill-name{color:var(--text-primary);font-weight:600}.skill-level{color:var(--accent-color);font-weight:600}.skill-bar{background-color:#ffffff1a;border-radius:5px;height:10px;overflow:hidden}.skill-chip{align-items:center;background-color:var(--card-dark);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-width:80px;padding:10px;transition:all var(--transition-speed)}.skill-chip:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.skills-category.full-width{grid-column:1/-1}.skill-chip-icon{font-size:1.5rem;margin-bottom:8px}.skill-chip-label{color:var(--text-primary);font-size:.9rem;font-weight:500;text-align:center}.skill-progress{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:5px;height:100%;position:relative}.skill-progress:after{animation:progressShine 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.other-skills-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px 0}.other-skill-item{align-items:center;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:8px;transition:all var(--transition-speed)}.other-skill-item:hover{box-shadow:0 3px 10px #0003;transform:translateY(-3px)}.other-skill-icon{align-items:center;display:flex;font-size:1.2rem;justify-content:center;min-width:auto}.other-skill-name{color:var(--text-primary);font-size:.7rem;font-weight:400;line-height:1.2;margin-top:6px;text-align:center}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:992px){.skills-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.skills-content{grid-template-columns:1fr}}@media (max-width:480px){.skills-category{padding:20px}}.projects{padding:20px 0}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.project-card{background-color:var(--card-dark);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 5px 15px #0000004d;overflow:hidden;position:relative;transition:all var(--transition-speed)}.project-card:before{background:linear-gradient(135deg,#007bff1a,#28a7451a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-speed);z-index:0}.project-card:hover:before{opacity:1}.project-card:hover{box-shadow:0 10px 25px #00000080;transform:translateY(-5px)}.project-image{height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform var(--transition-speed);width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:20px;position:relative;z-index:1}.project-content h3{color:var(--text-primary);margin-bottom:10px}.project-content p{color:var(--text-secondary);line-height:1.5;margin-bottom:15px}.project-link{background-color:var(--primary-color);border:none;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;z-index:1}.project-link,.project-link:before{transition:all var(--transition-speed)}.project-link:before{background:linear-gradient(90deg,#fff3,#fff6);content:"";height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}.project-link:hover:before{width:100%}.project-link:hover{background-color:#0069d9;box-shadow:0 4px 10px #007bff4d;transform:translateY(-2px)}@media (max-width:992px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}@media (max-width:480px){.project-card{max-width:100%}.project-image{height:150px}}.contact{padding:20px 0}.contact-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}.contact-info{background-color:var(--card-dark);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 5px 15px #0000004d;padding:30px;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.contact-info h2{color:var(--primary-color);display:inline-block;margin-bottom:20px;position:relative}.contact-info h2:after{background:var(--accent-color);border-radius:1.5px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:50px}.contact-details{margin-bottom:30px}.contact-item{align-items:flex-start;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px;transition:all var(--transition-speed)}.contact-item:hover{background-color:#ffffff0d}.contact-icon{color:var(--primary-color);font-size:1.5rem;margin-top:5px}.contact-item h3{color:var(--text-primary);margin-bottom:5px}.contact-item p{color:var(--text-secondary);margin:0}.social-links{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.social-links a{align-items:center;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;gap:10px;padding:10px;text-decoration:none;transition:all var(--transition-speed)}.social-links a:hover{background-color:#007bff1a;border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-3px)}.social-links svg{color:var(--primary-color);font-size:1.5rem}.contact-form{background-color:var(--card-dark);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 5px 15px #0000004d;padding:30px;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.contact-form h2{color:var(--primary-color);display:inline-block;margin-bottom:20px;position:relative}.contact-form h2:after{background:var(--accent-color);border-radius:1.5px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:50px}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:12px 15px;resize:vertical;transition:all var(--transition-speed);width:100%}.form-group input:focus,.form-group textarea:focus{background-color:#ffffff1a;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff33;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.submit-btn{background-color:var(--primary-color);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;z-index:1}.submit-btn,.submit-btn:before{transition:all var(--transition-speed)}.submit-btn:before{background:linear-gradient(90deg,#fff3,#fff6);content:"";height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}.submit-btn:hover:before{width:100%}.submit-btn:hover{background-color:#0069d9;box-shadow:0 5px 15px #007bff66;transform:translateY(-3px)}@media (max-width:768px){.contact-content{grid-template-columns:1fr}.social-links{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.contact-form,.contact-info{padding:20px}.social-links{grid-template-columns:repeat(2,1fr)}}.header{background-color:var(--card-dark);border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #0000004d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.8rem;margin:0;position:relative;text-decoration:none}.logo h1:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.logo h1:hover:after{transform:scaleX(1);transform-origin:left}.nav-list{display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-list a{color:var(--text-secondary);font-weight:500;padding:5px 0;position:relative;text-decoration:none;transition:all var(--transition-speed)}.nav-list a:after{background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-speed);width:0}.nav-list a:hover{color:var(--text-primary)}.nav-list a:hover:after{width:100%}.nav-list a.active{color:var(--primary-color)}.nav-list a.active:after{background-color:var(--accent-color);width:100%}.social-icons{display:flex;gap:15px}.social-icons a{align-items:center;border-radius:50%;display:flex;font-size:1.2rem;height:35px;justify-content:center;transition:all var(--transition-speed);width:35px}.social-icons a:hover{filter:brightness(1.1);transform:translateY(-3px)}.social-icons a:first-child{background-color:#333;color:#fff}.social-icons a:nth-child(2){background-color:#0077b5;color:#fff}.social-icons a:nth-child(3){background-color:#000;color:#fff}.social-icons a:nth-child(4){background-color:#e4405f;color:#fff}.social-icons a:nth-child(5){background-color:#1877f2;color:#fff}.menu-toggle{color:var(--text-primary);cursor:pointer;display:none;font-size:1.8rem;z-index:1000}@media (max-width:768px){.header-container{padding:15px}.menu-toggle{display:block}.nav{align-items:center;background-color:var(--card-dark);box-shadow:-5px 0 15px #0003;display:flex;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:right .3s ease;width:70%;z-index:999}.nav-open{right:0}.nav-list{align-items:center;flex-direction:column;gap:20px}.nav-list a{border-radius:30px;font-size:1.2rem;padding:10px 20px}.nav-list a:hover{background-color:#007bff1a}.logo h1{font-size:1.5rem}.social-icons{display:none}}@media (max-width:480px){.nav{width:100%}.header-container{padding:10px}}.footer{background-color:var(--card-dark);border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:auto;padding:30px 0}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;gap:10px}.footer p{font-size:.9rem;margin:0}.footer-links{display:flex;gap:20px;margin-top:15px}.footer-links a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:all var(--transition-speed)}.footer-links a:hover{color:var(--primary-color);text-decoration:underline}@media (max-width:768px){.footer-links{flex-wrap:wrap;gap:10px}}.App{background-color:var(--background-dark);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;text-align:center}main{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%;z-index:10}.App:before{background:radial-gradient(circle at 10% 20%,#007bff1a 0,#0000 20%),radial-gradient(circle at 90% 80%,#28a7451a 0,#0000 20%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.section{padding:60px 20px;position:relative}.section-header{margin-bottom:50px;position:relative}.section-header h1{display:inline-block;font-size:2.5rem;margin-bottom:15px;position:relative}.section-header h1:after{background:var(--primary-color);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.section-header p{color:var(--text-secondary);font-size:1.2rem;margin:0 auto;max-width:600px}.card{background-color:var(--card-dark);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 30px #0000004d;padding:30px;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.card:hover{box-shadow:0 15px 35px #00000080;transform:translateY(-5px)}.btn{border:none;border-radius:30px;cursor:pointer;display:inline-block;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;z-index:1}.btn,.btn:before{transition:all var(--transition-speed)}.btn:before{background:linear-gradient(90deg,#ffffff1a,#ffffff4d);content:"";height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}.btn:hover:before{width:100%}.grid{grid-gap:30px;display:grid;gap:30px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float{animation:float 3s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 #007bff66}70%{box-shadow:0 0 0 10px #007bff00}to{box-shadow:0 0 0 0 #007bff00}}.pulse{animation:pulse 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.bounce{animation:bounce 1s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out forwards}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-animation{animation:gradient 3s ease infinite;background-size:200% 200%}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.shine{overflow:hidden;position:relative}.shine:after{animation:shine 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotate{animation:rotate 5s linear infinite}@keyframes glow{0%{box-shadow:0 0 5px #007bff80}50%{box-shadow:0 0 20px #007bffcc}to{box-shadow:0 0 5px #007bff80}}.glow{animation:glow 2s ease-in-out infinite}
/*# sourceMappingURL=main.773be2ec.css.map*/