@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:#2563eb;--primary-dark:#1d4ed8;--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:#2563eb;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:#2563eb;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:#2563eb;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:80px}.App{text-align:center}.App-header{align-items:center;background-color:#2563eb;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-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-color:var(--primary);border:2px solid var(--primary);border-radius:50px;color:#fff;display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s}.btn:hover{background-color:var(--primary-dark);box-shadow:var(--shadow);transform:translateY(-3px)}.btn-outline{background-color:initial;color:var(--primary)}.btn-outline:hover{background-color:var(--primary);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}}.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.cbb9e457.css.map*/