body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home{color:#fff;height:100vh;overflow:hidden;position:relative;text-align:center}.background-video{object-fit:cover;z-index:-2}.background-video,.blue-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.blue-overlay{background:#0000ff26;z-index:-1}.content{align-items:center;color:#17ff02;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 20px;position:relative;z-index:1}.typing-text{font-size:2.5rem;font-weight:700;letter-spacing:1.5px;text-align:center}.content p{color:#f0f0f0;font-size:24px;line-height:1.5;margin:0 auto;max-width:800px}@media (max-width:1024px){.typing-text{font-size:2rem}.content p{font-size:20px}}@media (max-width:768px){.typing-text{font-size:1.5rem}.content p{font-size:18px}}@media (max-width:480px){.typing-text{font-size:1.25rem}.content p{font-size:16px}}.about{align-items:center;background:linear-gradient(135deg,#f2f4f7,#e1e9f0);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:80px 20px;position:relative;text-align:center}.about:before{background:#fff3;content:"";height:100%;left:0;position:absolute;top:0;transition:background var(--transition-speed);width:100%;z-index:0}.about-content{background:var(--secondary-color);border-radius:var(--radius);box-shadow:0 12px 30px #0003;margin:0 auto;max-width:800px;padding:40px;position:relative;transition:box-shadow var(--transition-speed),transform var(--transition-speed);width:100%;z-index:1}.about-content:hover{box-shadow:0 16px 40px #0000004d;transform:translateY(-5px)}.about h1{animation:fadeIn 1s ease-out;color:var(--primary-color);font-size:3.5rem;font-weight:800;letter-spacing:1.5px;margin-bottom:20px;transition:color var(--transition-speed)}.profile-img{animation:zoomIn 1s ease-out;border:8px solid var(--primary-color);border-radius:50%;box-shadow:0 0 30px #00000040;height:200px;margin-bottom:20px;object-fit:cover;transition:border-color var(--transition-speed),transform var(--transition-speed);width:200px}.profile-img:hover{border-color:var(--button-hover-bg-color);transform:scale(1.1)}.about p{animation:fadeInUp 1s ease-out;color:var(--text-color);font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:700px;text-align:center;transition:color var(--transition-speed)}.app.dark-mode .about{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);color:var(--dark-text-color)}.app.dark-mode .about:before{background:#1c1c1c33}.app.dark-mode .about-content{background:var(--dark-secondary-color)}.app.dark-mode .about h1{color:var(--dark-primary-color)}.app.dark-mode .profile-img{border-color:var(--dark-primary-color)}.app.dark-mode .about p{color:var(--dark-text-color)}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.about h1{font-size:3rem}.profile-img{height:180px;width:180px}.about p{font-size:1.125rem;max-width:600px}}@media (max-width:768px){.about{padding:60px 15px}.about-content{padding:30px}.about h1{font-size:2.5rem;margin-bottom:15px}.profile-img{height:150px;width:150px}.about p{font-size:1rem;max-width:90%}}@media (max-width:480px){.about{padding:40px 10px}.about-content{padding:20px}.about h1{font-size:2rem;margin-bottom:10px}.profile-img{height:120px;width:120px}.about p{font-size:.875rem}}.projects{background:linear-gradient(135deg,#f0f4f8,#e1e9f0);color:var(--text-color);min-height:100vh;padding:80px 20px;text-align:center;transition:background var(--transition-speed),color var(--transition-speed)}.projects h1{animation:fadeIn 1s ease-out;color:var(--primary-color);font-size:3rem;font-weight:700;letter-spacing:1px;margin-bottom:40px;transition:color var(--transition-speed)}.project-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:0 20px}.project-card{animation:cardFadeIn .8s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--secondary-color);border:1px solid #0000;border-radius:var(--radius);box-shadow:0 6px 20px #00000026;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:20px;position:relative;text-align:left;transition:transform var(--transition-speed),box-shadow var(--transition-speed),border var(--transition-speed),background var(--transition-speed)}.project-card:before{background:#ffffff1a;content:"";height:100%;left:0;position:absolute;top:0;transition:background var(--transition-speed);width:100%;z-index:0}.project-card:hover:before{background:#ffffff4d}.project-card img{border-radius:var(--radius);transition:transform var(--transition-speed);width:100%;z-index:1}.project-card:hover img{transform:scale(1.05)}.project-card h3{color:var(--primary-color);font-size:1.5rem;margin:10px 0;z-index:1}.project-card p{color:var(--text-color);font-size:1rem;line-height:1.6;z-index:1}.project-card:hover{border:1px solid var(--primary-color);box-shadow:0 12px 30px #0003;transform:translateY(-5px)}.project-card .project-description{display:none;opacity:0;transition:opacity var(--transition-speed)}.project-card:hover .project-description{display:block;opacity:1}.app.dark-mode .projects{background:linear-gradient(135deg,#1f1f1f,#2c2c2c);color:var(--dark-text-color)}.app.dark-mode .projects h1{color:var(--dark-primary-color)}.app.dark-mode .project-card{background:var(--dark-background-color);border:1px solid #0000}.app.dark-mode .project-card h3{color:var(--dark-primary-color)}.app.dark-mode .project-card p{color:var(--dark-text-color)}.app.dark-mode .project-card:before{background:#0003}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.projects h1{font-size:2.5rem;margin-bottom:30px}.project-card{padding:15px}.project-card h3{font-size:1.25rem}.project-card p{font-size:.875rem}}@media (max-width:768px){.projects{padding:60px 15px}.projects h1{font-size:2rem;margin-bottom:20px}.project-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.project-card{padding:15px}.project-card h3{font-size:1.125rem}.project-card p{font-size:.875rem}}@media (max-width:480px){.projects{padding:40px 10px}.projects h1{font-size:1.5rem;margin-bottom:15px}.project-card{padding:10px}.project-card h3{font-size:1rem}.project-card p{font-size:.75rem}}.skills{background:linear-gradient(135deg,#f0f4f8,#e1e9f0);color:var(--text-color);min-height:100vh;padding:80px 20px;text-align:center;transition:background var(--transition-speed),color var(--transition-speed)}.skills h1{animation:fadeIn 1s ease-out;color:var(--primary-color);font-size:3rem;font-weight:700;letter-spacing:1px;margin-bottom:40px;transition:color var(--transition-speed)}.skill-container{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding:20px}.skill-box{animation:scaleIn .8s ease-out;background:var(--secondary-color);border-radius:var(--radius);box-shadow:0 6px 20px #00000026;cursor:pointer;min-height:350px;overflow:hidden;padding:20px;position:relative;transition:transform var(--transition-speed),box-shadow var(--transition-speed),background var(--transition-speed),border var(--transition-speed);width:280px}.skill-icon{color:var(--primary-color);font-size:3rem;margin-bottom:20px;transition:color var(--transition-speed),transform var(--transition-speed)}.skill-icon-small{font-size:1.2rem;margin-right:10px}.skill-box:hover .skill-icon{color:var(--button-hover-bg-color);transform:scale(1.1)}.skill-box:before{background:#0000000d;border-radius:var(--radius);content:"";height:100%;left:0;position:absolute;top:0;transition:opacity var(--transition-speed),background var(--transition-speed);width:100%;z-index:1}.skill-box:hover:before{background:#0000001a;opacity:.2}.skill-box:hover{border:1px solid var(--primary-color);box-shadow:0 12px 30px #00000040;transform:translateY(-8px)}.skill-box h2{color:var(--primary-color);font-size:1.5rem;margin-bottom:20px;position:relative;transition:color var(--transition-speed);z-index:2}.skill-box ul{color:var(--text-color);font-size:1.1rem;list-style:none;margin:0;padding:0;position:relative;z-index:2}.skill-box ul li{margin:10px 0;transition:color var(--transition-speed)}.skill-box ul li:before{color:var(--primary-color);content:"•";margin-right:10px}.app.dark-mode .skills{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);color:var(--dark-text-color)}.app.dark-mode .skills h1{color:var(--dark-primary-color)}.app.dark-mode .skill-box{background:var(--dark-secondary-color)}.app.dark-mode .skill-box ul li{color:var(--dark-text-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.skills h1{font-size:2.5rem;margin-bottom:30px}.skill-container{gap:20px}.skill-box{min-height:300px;padding:15px;width:250px}.skill-icon{font-size:2.5rem}.skill-box h2{font-size:1.25rem}.skill-box ul{font-size:1rem}}@media (max-width:768px){.skills{padding:60px 15px}.skills h1{font-size:2rem;margin-bottom:20px}.skill-container{align-items:center;flex-direction:column}.skill-box{max-width:350px;min-height:250px;padding:10px;width:100%}.skill-icon{font-size:2rem}.skill-box h2{font-size:1.125rem}.skill-box ul{font-size:.9rem}}@media (max-width:480px){.skills{padding:40px 10px}.skills h1{font-size:1.5rem;margin-bottom:15px}.skill-container{gap:15px}.skill-box{max-width:300px;min-height:200px;padding:10px;width:100%}.skill-icon{font-size:1.5rem}.skill-box h2{font-size:1rem}.skill-box ul{font-size:.85rem}}.contact{background:linear-gradient(135deg,#e9eff1,#cfd9e4);color:var(--text-color);overflow:hidden;padding:80px 20px;position:relative;text-align:center}.contact:before{background:#e9eff133;content:"";height:100%;left:0;position:absolute;top:0;transition:background var(--transition-speed);width:100%;z-index:0}.contact h1{color:var(--primary-color);font-size:3rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;position:relative;transition:color var(--transition-speed);z-index:1}.contact p{font-size:1.25rem;line-height:1.8;max-width:800px}.contact p,.contact-form{margin:0 auto;position:relative;z-index:1}.contact-form{animation:fadeInUp 1s ease-out;background:var(--secondary-color);border-radius:var(--radius);box-shadow:0 8px 30px #0003;display:flex;flex-direction:column;gap:20px;max-width:600px;padding:30px}.contact-form input,.contact-form textarea{background-color:#fff;border:1px solid #ddd;border-radius:var(--radius);box-sizing:border-box;font-size:16px;padding:15px;transition:border-color var(--transition-speed),box-shadow var(--transition-speed);width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 10px #007bff4d}.contact-form button{background:var(--primary-color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1.125rem;overflow:hidden;padding:15px;position:relative;transition:background var(--transition-speed),transform var(--transition-speed),box-shadow var(--transition-speed)}.contact-form button:before{background:#ffffff1a;border-radius:50%;content:"";height:300%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--transition-speed),height var(--transition-speed);width:300%}.contact-form button:hover:before{height:0;opacity:.4;width:0}.contact-form button:hover{background:var(--button-hover-bg-color);box-shadow:0 8px 20px #0003;transform:scale(1.05)}.contact-form button:focus{box-shadow:0 0 8px #007bff80;outline:none}.contact-icons{margin-top:40px}.contact-icons a{align-items:center;background:#ffffff1a;border-radius:50%;box-shadow:0 4px 10px #0000001a;color:var(--primary-color);display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;transition:color var(--transition-speed),transform var(--transition-speed),background var(--transition-speed);width:60px}.contact-icons a:before{background:radial-gradient(circle,#0000001a,#0000);content:"";height:300%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--transition-speed);width:300%}.contact-icons a:hover:before{opacity:1}.contact-icons a:hover{background:#ffffff4d}.app.dark-mode .contact{background:linear-gradient(135deg,#2c2c2c,#1e1e1e);color:var(--dark-text-color)}.app.dark-mode .contact:before{background:#2c2c2c33}.app.dark-mode .contact h1{color:var(--dark-primary-color)}.app.dark-mode .contact-form{background:var(--dark-secondary-color)}.app.dark-mode .contact-form input,.app.dark-mode .contact-form textarea{background:var(--dark-input-bg-color);border:1px solid var(--dark-border-color)}.app.dark-mode .contact-form input:focus,.app.dark-mode .contact-form textarea:focus{border-color:var(--dark-primary-color);box-shadow:0 0 10px #ffffff80}.app.dark-mode .contact-icons a{background:#ffffff1a}.app.dark-mode .contact-icons a:hover{background:#fff3}@media (max-width:768px){.contact h1{font-size:2.5rem}.contact p{font-size:1.1rem}.contact-form{padding:20px}.contact-form button{font-size:1rem;padding:12px}.contact-icons a{font-size:1.5rem;height:50px;width:50px}}@media (max-width:480px){.contact h1{font-size:2rem}.contact p{font-size:1rem}.contact-form{padding:15px}.contact-form button{font-size:.875rem;padding:10px}.contact-icons a{font-size:1.2rem;height:40px;width:40px}}:root{--background-color:#f0f4f8;--text-color:#333;--primary-color:#007bff;--secondary-color:#f8f9fa;--navbar-bg-color:#6e6d6d;--navbar-text-color:#333;--button-bg-color:#007bff;--button-text-color:#fff;--button-hover-bg-color:#0056b3;--dark-background-color:#1e1e1e;--dark-text-color:#e0e0e0;--dark-primary-color:#fc0;--dark-secondary-color:#2e2e2e;--dark-navbar-bg-color:#1c1c1c;--dark-navbar-text-color:#fff;--dark-button-bg-color:#fc0;--dark-button-hover-bg-color:#e6b800;--padding:20px;--margin:15px;--radius:8px;--font-family:"Poppins",sans-serif;--transition-speed:0.3s}body{background-color:#f0f4f8;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Poppins,sans-serif;font-family:var(--font-family);margin:0;padding:0;transition:background-color .3s,color .3s;transition:background-color var(--transition-speed),color var(--transition-speed)}.app.dark-mode{background-color:#1e1e1e;background-color:var(--dark-background-color);color:#e0e0e0;color:var(--dark-text-color)}.navbar{align-items:center;background-color:#6e6d6d;background-color:var(--navbar-bg-color);box-shadow:0 4px 8px #0000001a;display:flex;justify-content:space-between;padding:20px;padding:var(--padding);transition:background-color .3s;transition:background-color var(--transition-speed)}.navbar a{border-radius:8px;border-radius:var(--radius);color:#333;color:var(--navbar-text-color);font-size:16px;font-weight:600;margin:0 15px;margin:0 var(--margin);padding:12px 18px;text-decoration:none;transition:background-color .3s,color .3s;transition:background-color var(--transition-speed),color var(--transition-speed)}.navbar a:hover{background-color:#007bff;background-color:var(--primary-color);color:#fff;color:var(--button-text-color)}.app.dark-mode .navbar{background-color:#1c1c1c;background-color:var(--dark-navbar-bg-color)}.app.dark-mode .navbar a{color:#fff;color:var(--dark-navbar-text-color)}.app.dark-mode .navbar a:hover{background-color:#fc0;background-color:var(--dark-primary-color)}.resume-button{background-color:#007bff;background-color:var(--button-bg-color);border:none;border-radius:8px;border-radius:var(--radius);box-shadow:0 6px 12px #007bff4d;color:#fff;color:var(--button-text-color);cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s,transform .3s,box-shadow .3s;transition:background-color var(--transition-speed),transform var(--transition-speed),box-shadow var(--transition-speed)}.resume-button:hover{background-color:#0056b3;background-color:var(--button-hover-bg-color);box-shadow:0 8px 16px #007bff80;transform:translateY(-4px)}.app.dark-mode .resume-button{background-color:#fc0;background-color:var(--dark-button-bg-color)}.app.dark-mode .resume-button:hover{background-color:#e6b800;background-color:var(--dark-button-hover-bg-color)}.dark-mode-toggle{background:none;border:none;color:#333;color:var(--navbar-text-color);cursor:pointer;font-size:28px;transition:color .3s;transition:color var(--transition-speed)}.app.dark-mode .dark-mode-toggle{color:#fff;color:var(--dark-navbar-text-color)}.page-container{min-height:100vh;padding:60px;text-align:center;transition:padding .3s;transition:padding var(--transition-speed)}h1{color:#007bff;color:var(--primary-color);font-size:3rem;font-weight:700;letter-spacing:1px;margin-bottom:20px}h1,p{transition:color .3s;transition:color var(--transition-speed)}p{font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:900px}button{background-color:#007bff;background-color:var(--button-bg-color);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--button-text-color);cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s,transform .3s;transition:background-color var(--transition-speed),transform var(--transition-speed)}button:hover{background-color:#0056b3;background-color:var(--button-hover-bg-color);transform:translateY(-4px)}.app.dark-mode button{background-color:#fc0;background-color:var(--dark-button-bg-color)}.app.dark-mode button:hover{background-color:#e6b800;background-color:var(--dark-button-hover-bg-color)}a{color:#007bff;color:var(--primary-color);display:inline-block;position:relative;text-decoration:none;transition:color .3s;transition:color var(--transition-speed)}a:after{background:#007bff;background:var(--primary-color);bottom:-5px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}a:hover:after{transform:scaleX(1);transform-origin:left}.contact-icons{display:flex;gap:20px;justify-content:center;margin-top:30px}.contact-icons a{font-size:2rem;transition:transform .3s,color .3s;transition:transform var(--transition-speed),color var(--transition-speed)}.contact-icons a:hover{color:#0056b3;color:var(--button-hover-bg-color);transform:scale(1.2)}.app.dark-mode .contact-icons a{color:#fc0;color:var(--dark-primary-color)}@media (max-width:768px){.navbar a{font-size:14px;padding:10px 15px}.resume-button{font-size:14px;padding:10px 20px}.page-container{padding:40px}.contact-icons a{font-size:1.5rem}h1{font-size:2.5rem}p{font-size:1rem}}@media (max-width:480px){.navbar{align-items:flex-start;flex-direction:column}.navbar a{margin:5px 0;padding:10px}.resume-button{font-size:12px;padding:8px 16px}.page-container{padding:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-container{animation:fadeInUp 1s ease-out both}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=main.bc41f4bb.css.map*/