@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-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}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#f8fafc;--text:#1e293b;--text-light:#64748b;--background:#fff;--card-bg:#f1f5f9;--border:#e2e8f0;--success:#10b981;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}html{scroll-behavior:smooth}body{background-color:#fff;background-color:var(--background);color:#1e293b;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{background-color:#fffffffa;box-shadow:0 4px 20px #00000014}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:90%}.navbar .container{align-items:center;display:flex;height:80px;justify-content:space-between}.logo{color:#64748b;color:var(--text-light);font-size:1.8rem;font-weight:700;text-decoration:none}.logo span{color:#1e293b;color:var(--text)}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:30px}.nav-links a{color:#1e293b;color:var(--text);font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#6366f1;color:var(--primary)}.menu-btn{background:none;border:none;cursor:pointer;display:none;font-size:1.5rem}.footer{background-color:#f8fafc;background-color:var(--secondary);padding:60px 0 30px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.footer-section h3{color:#1e293b;color:var(--text);font-size:1.3rem;margin-bottom:20px}.footer-section li,.footer-section p{color:#64748b;color:var(--text-light);margin-bottom:10px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:8px}.footer-section a{color:#64748b;color:var(--text-light);text-decoration:none;transition:color .3s}.footer-section a:hover{color:#6366f1;color:var(--primary)}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background-color:#f1f5f9;background-color:var(--card-bg);border-radius:50%;display:inline-flex;height:40px;justify-content:center;transition:all .3s;width:40px}.social-links a:hover{background-color:#6366f1;background-color:var(--primary);color:#fff;transform:translateY(-3px)}.footer-bottom{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#64748b;color:var(--text-light);margin-top:40px;padding-top:30px;text-align:center}@media (max-width:768px){.menu-btn{display:block}.nav-links{align-items:center;background-color:#fff;box-shadow:0 10px 15px #0000001a;clip-path:polygon(0 0,100% 0,100% 0,0 0);flex-direction:column;left:0;padding:20px 0;position:absolute;right:0;top:80px;transition:clip-path .4s ease}.nav-links.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.nav-links li{margin:15px 0}}main{padding-top:0}.App{text-align:center}.App-header{align-items:center;background-color:#6366f1;background-color:var(--primary);color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.notification{background-color:#10b981;background-color:var(--success);border-radius:5px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#333;font-size:18px;margin-top:20px;padding:15px}.notification p{font-weight:700;margin:0}.hero{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:100vh;padding:6rem 0 4rem}.hero,.hero-content{align-items:center;display:flex}.hero-content{gap:4rem}.hero-slider-img{animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero-text{flex:1 1}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:20px}.hero p{color:var(--text-light);font-size:1.3rem;margin-bottom:30px}.hero-buttons{display:flex;gap:15px}.hero-image{flex:1 1;position:relative}.hero-image img{border-radius:20px;max-width:400px}.social-buttons{bottom:0;display:flex;flex-direction:column;gap:1.5rem;margin-top:0;position:absolute;right:0;transform:translateX(50%)}.social-button{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.social-button.linkedin{background-color:#0077b5;color:#fff}.social-button.github{background-color:#333;color:#fff}.social-button:hover{box-shadow:0 5px 15px #0003;transform:scale(1.1)}.social-icons{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border-radius:20px;display:flex;flex-direction:column;gap:20px;margin-left:20px;padding:15px}.social-icon{display:block;transition:transform .3s ease,fill .3s ease}.social-icon:hover{transform:scale(1.2)}.social-icon:hover svg{fill:#0077b5}.social-icon:nth-child(2):hover svg{fill:#333}.hero-image img{border:5px solid #ffffff1a;border-radius:50%;box-shadow:0 10px 30px #00000026;height:auto;transition:all .3s ease;width:100%}.hero-image img:hover{box-shadow:0 15px 40px #0003;transform:scale(1.03)}.btn{background:linear-gradient(135deg,var(--primary) 0,#22c55e 110%);border:1px solid #ffffff1f;border-radius:50px;box-shadow:0 10px 30px #6366f140;color:#fff;display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s}.btn:hover{box-shadow:0 18px 45px #6366f152;filter:saturate(1.05);transform:translateY(-3px)}.btn-outline{background-color:initial;color:var(--primary)}.btn-outline:hover{background:linear-gradient(135deg,var(--primary) 0,#22c55e 110%);color:#fff}.section{padding:6rem 0}.section h2{font-size:2.5rem;margin-bottom:60px;position:relative;text-align:center}.section h2:after{background-color:var(--primary);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.about-content{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr}.about-text p{font-size:1.1rem;margin-bottom:20px}.skills-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.skill{background-color:var(--card-bg);border-radius:8px;font-weight:500;padding:10px 15px;text-align:center;transition:transform .3s}.skill:hover{background-color:var(--primary);color:#fff;transform:translateY(-5px)}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:3rem}.project-card{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.project-card img{height:200px;object-fit:cover;width:100%}.project-card-content{padding:1.5rem}.project-card h3{color:var(--primary);margin-bottom:.5rem}.project-card p{color:var(--text);margin-bottom:1rem}.tech-tags{gap:.5rem}.tech-tag{background:var(--primary-light);font-size:.8rem;padding:.3rem .8rem}.project-link{color:var(--primary);transition:color .3s}.project-link:hover{color:var(--primary-dark)}.video-thumbnail{background:#000;height:200px;overflow:hidden;position:relative;width:100%}.video-thumbnail video{height:100%;object-fit:cover;width:100%}.play-icon{background:#00000080;border-radius:50%;color:#fff;font-size:2rem;height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.default-thumbnail,.play-icon{align-items:center;display:flex;justify-content:center}.default-thumbnail{background:#f0f0f0;color:#333;font-size:3rem;height:200px}.contact-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.contact-info p{font-size:1.1rem}.contact-form{grid-gap:20px;display:grid;gap:20px}.contact-form input,.contact-form textarea{border:1px solid var(--border);border-radius:8px;font-size:1rem;padding:15px;width:100%}.contact-form textarea{height:150px;resize:vertical}.contact-form button{background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px;transition:background-color .3s}.contact-form button:hover{background-color:var(--primary-dark)}.container{padding:0 2rem}@media (max-width:768px){.hero,.hero-content{text-align:center}.hero-content{flex-direction:column}.hero-image{margin-top:2rem}.hero-buttons{justify-content:center}.about-content,.contact-content{grid-template-columns:1fr}}.landing{background:radial-gradient(900px circle at 20% 10%,#6366f138,#0000 55%),radial-gradient(700px circle at 90% 30%,#22c55e2e,#0000 55%),radial-gradient(700px circle at 50% 95%,#ec48991a,#0000 60%),linear-gradient(180deg,#fff,#f8fafc)}.landing-hero{align-items:center;display:flex;min-height:100vh;padding:5rem 0 3rem}.landing-hero-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1.05fr .95fr}.landing-badge{align-items:center;background:#2563eb1f;border-radius:999px;color:var(--primary);display:inline-flex;font-weight:700;letter-spacing:.02em;margin-bottom:1rem;padding:.35rem .75rem}.landing-hero-text h1{font-size:3.2rem;line-height:1.1;margin-bottom:1rem}.landing-hero-text p{color:var(--text-light);font-size:1.15rem;margin-bottom:1.75rem}.landing-actions{display:flex;flex-wrap:wrap;gap:.75rem}.landing-hero-media{animation:landing-float 8s ease-in-out infinite;background:#ffffff8c;border:1px solid #e2e8f0e6;border-radius:24px;box-shadow:0 20px 60px #0f172a1f;overflow:hidden;transform:translateZ(0)}.landing-hero-media img{display:block;height:420px;object-fit:cover;transform:scale(1.02);transition:transform .35s ease;width:100%}.landing-hero-media:hover img{transform:scale(1.06)}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-about{padding-top:3.5rem}.landing-about-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.landing-about-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 10px 30px #0f172a0f;padding:1.5rem}.landing-about-card h3{margin-bottom:.5rem}.landing-about-card p{color:var(--text-light)}.landing-inline-link{color:var(--primary);display:inline-block;font-weight:700;margin-top:.75rem;text-decoration:none}.landing-inline-link:hover{color:var(--primary-dark)}.landing-projects-grid{display:grid;grid-template-columns:1fr}.landing-project-card{grid-gap:1.5rem;background:#ffffffbf;border:1px solid #e2e8f0e6;border-radius:22px;box-shadow:0 18px 50px #0f172a14;display:grid;gap:1.5rem;grid-template-columns:.9fr 1.1fr;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.landing-project-card:hover{border-color:#6366f159;box-shadow:0 26px 70px #0f172a1f;transform:translateY(-4px)}.landing-project-media img{display:block;height:100%;min-height:260px;object-fit:cover;transform:scale(1.03);transition:transform .35s ease;width:100%}.landing-project-card:hover .landing-project-media img{transform:scale(1.08)}.landing-project-content{padding:1.75rem}.landing-project-content h3{margin-bottom:.5rem}.landing-project-content p{color:var(--text-light);margin-bottom:1.25rem}.landing-contact-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.landing-contact-card{background:#ffffffbf;border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 10px 30px #0f172a0f;display:block;padding:1.5rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.landing-contact-card:hover{border-color:#6366f147;box-shadow:0 18px 45px #0f172a1a;transform:translateY(-3px)}.landing-contact-title{color:var(--text-light);font-weight:700;margin-bottom:.25rem}.landing-contact-value{color:var(--text);font-size:1.25rem;font-weight:800}.landing-contact-cta{color:var(--primary);font-weight:700;margin-top:.75rem}@media (max-width:900px){.landing-hero-grid{grid-template-columns:1fr}.landing-hero-media img{height:360px}.landing-project-card{grid-template-columns:1fr}}@media (max-width:640px){.landing-hero-text h1{font-size:2.4rem}.landing-about-grid,.landing-contact-grid{grid-template-columns:1fr}}.slider-container{overflow:hidden;position:relative}.slider-content-wrapper{overflow:hidden;width:100%}.slider-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.hero-slide{min-width:100%;padding:0 10px}.slider-arrow{background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:15px;position:absolute;top:50%;transform:translateY(-50%);transition:.3s;z-index:10}.slider-arrow:hover{background:#000000b3}.left{left:10px}.right{right:10px}.slider-dots{display:flex;gap:10px;justify-content:center;margin-top:20px}.dot{background:#ccc;border-radius:50%;cursor:pointer;height:12px;transition:.3s;width:12px}.dot.active{background:#ff4757;transform:scale(1.3)}.support-container{border-radius:12px;box-shadow:var(--shadow);margin:100px auto;padding:40px}.support-container h1{color:var(--primary);font-size:2.5rem;margin-bottom:30px;text-align:center}.support-container p{color:var(--text-light);font-size:1.2rem;margin-bottom:40px;text-align:center}.contact-info{background-color:var(--card-bg);border-radius:10px;margin-bottom:40px;padding:25px}.contact-info p{margin-bottom:15px;text-align:left}.contact-info a{color:var(--primary);font-weight:500;text-decoration:none}.support-form label{display:block;font-weight:500;margin-bottom:8px}.support-form input,.support-form textarea{border:1px solid var(--border);border-radius:8px;font-size:1rem;margin-bottom:20px;padding:15px;width:100%}.support-form textarea{height:150px;resize:vertical}.support-form button{background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:background-color .3s}.support-form button:hover{background-color:var(--primary-dark)}.privacy-container{border-radius:12px;box-shadow:var(--shadow);margin:100px auto;max-width:900px;padding:40px}.privacy-container h2{color:var(--primary);font-size:2.5rem;margin-bottom:40px;text-align:center}.section{margin-bottom:30px}.section h3{color:var(--text);font-size:1.5rem;margin-bottom:15px}.section p{line-height:1.7}.section ul{margin-bottom:15px;padding-left:30px}.section li{line-height:1.6;margin-bottom:10px}strong{font-weight:700}.privacy-wrapper{align-items:flex-start;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:40px 20px 60px}.privacy-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;color:#333;font-family:Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;padding:60px;width:100%}.privacy-header{border-bottom:2px solid #f0f0f0;margin-bottom:50px;padding-bottom:30px;text-align:center}.privacy-header h1{color:#1a1a1a;font-family:Georgia,Times New Roman,serif;font-size:2.2rem;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.privacy-header .last-updated{color:#666;font-size:.95rem;font-style:italic}.section{margin-bottom:40px}.section h2{border-bottom:1px solid #eee;color:#2c3e50;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.section p{color:#444;font-size:1rem;margin-bottom:15px;text-align:justify}.section ul{margin-bottom:20px;padding-left:25px}.section li{margin-bottom:12px;padding-left:5px;position:relative}.section li strong{color:#2c3e50;font-weight:600}.contact-box{margin-top:15px;padding:20px}.contact-box p{margin-bottom:8px;text-align:left}.contact-box p:last-child{margin-bottom:0}a{color:#3498db;text-decoration:none;transition:color .2s ease}a:hover{color:#2980b9;text-decoration:underline}@media (max-width:768px){.privacy-wrapper{padding-bottom:40px;padding-top:100px}.privacy-container{border-radius:0;box-shadow:none;padding:30px 20px}.privacy-header h1{font-size:1.8rem}.section h2{font-size:1.3rem}}.support-wrapper{align-items:flex-start;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:40px 20px 60px}.support-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;color:#333;font-family:Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;padding:60px;width:100%}.support-header{border-bottom:2px solid #f0f0f0;margin-bottom:50px;padding-bottom:30px;text-align:center}.support-header h1{color:#1a1a1a;font-family:Georgia,Times New Roman,serif;font-size:2.2rem;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.support-header p{color:#666;font-size:1.1rem}.faq-section{margin-bottom:40px}.faq-item{border-bottom:1px solid #eee;padding:20px 0}.faq-item:last-child{border-bottom:none}.faq-question{color:#2c3e50;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:600;margin-bottom:10px}.faq-answer{color:#555;line-height:1.6}.contact-box{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;margin-top:30px;padding:30px}.contact-box h3{color:#2c3e50;font-family:Georgia,Times New Roman,serif;margin-bottom:20px}.contact-info-item{align-items:center;display:flex;margin-bottom:15px}.contact-label{color:#333;font-weight:600;width:100px}.contact-value{color:#555}@media (max-width:768px){.support-wrapper{padding-bottom:40px;padding-top:100px}.support-container{border-radius:0;box-shadow:none;padding:30px 20px}.support-header h1{font-size:1.8rem}.faq-question{font-size:1.1rem}}.project-detail{margin:0 auto;max-width:1200px;padding:2rem}.project-detail h1{color:var(--primary);font-size:2.5rem;margin-bottom:1rem}.description{color:var(--text);font-size:1.2rem;margin-bottom:2rem}.project-content{align-items:flex-start;display:flex;gap:3rem;margin-top:2rem}.project-media{flex:2 1}.video-container{border-radius:8px;box-shadow:0 4px 6px #0000001a;flex-shrink:0;margin:0;max-height:400px;max-width:500px;overflow:hidden;width:45%}.video-container video{display:block;height:auto;max-height:400px;width:100%}.screenshots{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.screenshots img{border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease;width:100%}.screenshots img:hover{transform:scale(1.03)}.project-info{padding:1rem;width:55%}.project-info h2{color:var(--primary);margin-bottom:1.5rem;margin-top:0}.project-info ul{list-style-type:disc;margin-bottom:2rem;padding-left:1.5rem}.project-info li{line-height:1.6;margin-bottom:.8rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.tech-tag{background-color:var(--primary-light);border-radius:20px;color:var(--primary);font-size:.9rem;padding:.5rem 1rem}.project-link{background-color:var(--primary);border-radius:4px;color:#fff;display:inline-block;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.project-link:hover{background-color:var(--primary-dark)}@media (max-width:768px){.project-content{flex-direction:column}}
/*# sourceMappingURL=main.ad5c79a3.css.map*/