body{font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:1.6;margin:0;padding:0;background-color:#fff;color:#333}.container{max-width:1200px;margin:0 auto;padding:40px 20px;height:90%}nav{background-color:#333;padding:15px 0;position:fixed;width:100%;top:0;z-index:1000}nav .menu-toggle{display:none;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0 20px}nav .nav-list{list-style:none;display:flex;justify-content:center;margin:0;padding:0}nav .nav-list li{margin:0 15px}nav .nav-list li a{color:#fff;text-decoration:none;font-weight:500;padding:8px 12px;border-radius:8px;transition:background-color .3s ease}nav .nav-list li a:hover,nav .nav-list li a.active{cursor:pointer;background-color:#3498db}section{padding:140px 0 80px}section h2{font-size:32px;color:#2c3e50;margin-bottom:30px;border-bottom:3px solid #3498db;padding-bottom:15px;text-align:center}#projects{background-color:#f8f9fa;padding:60px 0}#projects .container{max-width:1000px;margin:0 auto;padding:0 60px;position:relative}#projects .project-list{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:30px;position:relative}#projects .project-item{display:flex;flex-direction:column;align-items:flex-start}#projects .project-item img{width:100%;height:300px;object-fit:cover;border-radius:8px;margin-bottom:25px}#projects .project-item h3{font-size:28px;color:#333;margin-bottom:15px;font-weight:600}#projects .project-item p{color:#555;margin-bottom:25px;line-height:1.6;font-size:16px}#projects .project-item .btn{display:inline-block;padding:12px 24px;background-color:#4caf50;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease,transform .2s ease;font-size:16px;font-weight:500}#projects .project-item .btn:hover{background-color:#3d8b40;transform:translateY(-2px)}#projects .project-item h4{font-size:20px;color:#333;margin-top:20px;margin-bottom:10px;font-weight:600}#projects .project-item ul{list-style-type:disc;padding-left:20px;margin-bottom:25px}#projects .project-item ul li{color:#555;margin-bottom:5px;line-height:1.4;font-size:15px}#projects .carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:#4caf50;color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px #00000026}#projects .carousel-nav:hover{background-color:#3d8b40;box-shadow:0 4px 12px #0003}#projects .carousel-nav--prev{left:0}#projects .carousel-nav--next{right:0}#projects .carousel-nav svg{width:30px;height:30px}@media (max-width: 768px){#projects .container{padding:0 40px}#projects .carousel-nav{width:40px;height:40px}#projects .carousel-nav svg{width:24px;height:24px}#projects .project-item h3{font-size:24px}#projects .project-item p{font-size:15px}#projects .project-item .btn{padding:10px 20px;font-size:15px}}#skills{padding:80px 0;background-color:#fff}#skills .skill-category{margin-bottom:50px}#skills .skill-category h3{color:#3498db;font-size:1.5rem;margin-bottom:30px;padding-left:15px;border-left:4px solid #4caf50}#skills .skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}#skills .skill-item{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;text-align:center}#skills .skill-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}#skills .skill-icon{font-size:2.5rem;color:#4caf50;margin-bottom:15px;transition:color .3s ease}#skills .skill-icon svg{width:1em;height:1em}#skills .skill-name{display:block;font-weight:600;color:#2c3e50;margin-bottom:10px;font-size:1.1rem}#skills .skill-meta .experience{display:block;font-size:.9rem;color:#333;opacity:.8;margin-bottom:8px}#skills .skill-meta .skill-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}#skills .skill-meta .skill-tags span{background:#d9eeda;color:#357a38;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500}@media (max-width: 768px){#skills .skills-grid{grid-template-columns:repeat(2,1fr)}#skills .skill-item{padding:20px}}#contact{background-color:#f5f5f5;padding:80px 0}#contact .contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px}@media (max-width: 768px){#contact .contact-wrapper{grid-template-columns:1fr}}#contact .contact-info .contact-card{padding:15px 25px!important;background:#fff;padding:25px;border-radius:8px;margin-bottom:25px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}#contact .contact-info .contact-card:hover{transform:translateY(-5px)}#contact .contact-info .contact-card .contact-icon{font-size:2rem;color:#4caf50;margin-bottom:15px}#contact .contact-info .contact-card h3{color:#2c3e50;margin-bottom:10px}#contact .contact-info .contact-card a,#contact .contact-info .contact-card p{color:#333;text-decoration:none;transition:color .3s ease}#contact .contact-info .contact-card a:hover,#contact .contact-info .contact-card p:hover{color:#4caf50}#contact .contact-info .social-links{display:flex;gap:20px;margin-top:30px}#contact .contact-info .social-links a{color:#333;font-size:5rem;transition:color .3s ease}#contact .contact-info .social-links a:hover{color:#4caf50}#contact .map-container{height:400px;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}#contact .map-container iframe{width:100%;height:100%;border:0}#contact form{height:515px;background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 6px #0000001a}#contact form .form-group{margin-bottom:25px}#contact form .form-group label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500}#contact form .form-group input,#contact form .form-group textarea{width:100%;padding:12px 15px;border:2px solid #cccccc;border-radius:6px;font-size:16px;transition:border-color .3s ease}#contact form .form-group input:focus,#contact form .form-group textarea:focus{border-color:#4caf50;outline:none}#contact form button{width:100%;padding:15px;background:linear-gradient(45deg,#4caf50,#3498db);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s ease}#contact form button:hover{transform:translateY(-2px)}#contact form button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){#contact .contact-wrapper{grid-template-columns:1fr}#contact form{order:-1;margin-bottom:40px}}@media (max-width: 768px){nav .menu-toggle{display:block}nav .nav-list{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#333;padding:10px 0}nav .nav-list.show{display:flex}nav .nav-list li{margin:5px 0}nav .nav-list li a{display:block;padding:10px 20px}.project-list,.skills-list{grid-template-columns:1fr!important}}.language-selector{position:fixed;top:15px;right:20px;z-index:1001}.language-selector button{margin-left:10px;padding:8px 12px;background-color:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.language-selector button:hover{background-color:#217dbb}#home{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#tsparticles{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:-2}.content{position:relative;z-index:1;text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:transform .1s linear}.content h1{font-size:3.5rem;margin-bottom:1rem}.content h2{font-size:2rem;font-weight:300}#about{padding:80px 0;background-color:#fff}#about .container{max-width:1200px;margin:0 auto;padding:0 20px}#about h2{text-align:center;margin-bottom:40px;font-size:2.5rem;color:#2c3e50}#about .about-content{display:flex;align-items:center;gap:40px}#about .about-image{flex:0 0 300px}#about .about-image img{width:100%;border-radius:12px;box-shadow:0 8px 16px #00000026;transition:transform .3s ease;object-fit:cover;height:350px}#about .about-image img:hover{transform:translateY(-5px)}#about .about-text{flex:1;text-align:left;padding:20px;background-color:#fffc;border-radius:8px;box-shadow:0 4px 6px #0000000d}#about .about-text p{margin-bottom:20px;font-size:1.1rem;line-height:1.8;color:#2c3e50}#about .about-text h3{margin-top:30px;margin-bottom:20px;font-size:1.5rem;color:#2c3e50}#about .skills-icons{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}#about .skills-icons .skill-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:calc(25% - 15px)}@media (max-width: 576px){#about .skills-icons .skill-item{width:calc(50% - 10px)}}#about .skills-icons .skill-item svg{font-size:2.5rem;color:#4caf50;margin-bottom:5px}#about .skills-icons .skill-item span{font-size:.9rem}#about .cta-button{display:inline-block;padding:12px 24px;margin-bottom:30px;background-color:#4caf50;color:#fff;text-decoration:none;border-radius:8px;font-size:1rem;transition:background-color .3s ease}#about .cta-button:hover{background-color:#3d8b40}@media (max-width: 768px){#about .about-content{flex-direction:column;align-items:center}#about .about-image{flex:0 0 auto;width:250px;margin-bottom:30px}#about .about-image img{height:300px}}.message,.error-message,.success-message{padding:10px;border-radius:8px;margin-top:20px;font-weight:700;text-align:center;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.message.show,.show.error-message,.show.success-message{opacity:1;transform:translateY(0)}.success-message{background-color:#d9eeda;color:#2d682f;border:1px solid #4caf50}.error-message{background-color:#fff8f7;color:#ba160a;border:1px solid #f44336}