.contact-container{padding:20px;border-radius:8px;border:1px solid var(--border-color);margin-top:6rem;margin-bottom:4rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}label{color:var(--secondary-text-color);font-size:.9rem}input,textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-darker);color:var(--primary-text-color);transition:all .3s ease}input:focus,textarea:focus{border-color:var(--header-color);outline:none;box-shadow:0 0 0 2px #9c7ff033}input.error,textarea.error{border-color:var(--error-color)}.error-message{color:var(--error-color);font-size:.8rem;margin-top:.25rem}textarea{min-height:120px;resize:vertical}button{background-color:var(--header-color);color:var(--primary-text-color);padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease}button:hover:not(:disabled){background-color:var(--button-hover);transform:translateY(-1px)}button:disabled{opacity:.7;cursor:not-allowed}.submit-status{margin-top:1rem;padding:.75rem;border-radius:4px;text-align:center;font-weight:500}.submit-status.success{background-color:#34e99e1a;color:var(--success-color);border:1px solid var(--success-color)}.submit-status.error{background-color:#ff5e6e1a;color:var(--error-color);border:1px solid var(--error-color)}.social-icons{margin-top:2rem;display:flex;justify-content:center;gap:2rem}.social-icons a img{width:32px;height:32px;transition:transform .3s ease}.social-icons a:hover img{transform:scale(1.1)}@media (max-width: 768px){.contact-container{margin-top:4rem;padding:1rem}.social-icons{gap:1.5rem}.social-icons a img{width:28px;height:28px}}.header{padding:20px;gap:8rem;margin-bottom:1rem}.contentWrapper{display:flex;justify-content:space-between;align-items:center;margin-top:10rem;gap:6rem}.infoContainer{flex:1;padding-right:20px;display:flex;flex-direction:column;color:var(--primary-text-color)}.laptop{width:100%;max-width:500px}.infoContainer h1{font-size:2.5rem;margin:0 0 10px;color:var(--header-color)}.infoContainer p{font-size:1.2rem;margin:0 0 10px;line-height:1.5;color:var(--secondary-text-color)}.infoContainer p:last-child{margin-bottom:0}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#282c34;padding:10px 20px;box-shadow:0 2px 5px #0003}.navbar__logo{font-size:1.5rem;color:var(--primary-text-color);font-weight:700}.language-selector{color:var(--primary-text-color)}.language-selector__dropdown{padding:8px;background-color:var(--link-color);border:none;border-radius:5px;cursor:pointer}language-selector__dropdown option{color:transparent}language-selector__dropdown option:hover{color:transparent}.language-selector__dropdown:focus{outline:none}@media (max-width: 1200px){.header{gap:4rem}}@media (max-width: 992px){.header{gap:2rem}.infoContainer,.imageContainer{max-width:100%;padding-right:0;text-align:center}.infoContainer{margin-bottom:2rem;align-items:center}}@media (max-width: 768px){.contentWrapper{flex-direction:column;gap:3rem}.infoContainer h1{font-size:2rem}.infoContainer p{font-size:1rem}}@media (max-width: 576px){.header{padding:15px;margin-top:2rem}.infoContainer h1{font-size:1.5rem}.infoContainer p{font-size:.9rem}.navbar{align-items:flex-start}}.language-selector__button{background-color:var(--bg-muted);border:none;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s;outline:none}.language-selector__button:hover{background-color:var(--bg-1)}.flag-icon{width:18px;height:12px}.dropdown-icon{margin-left:8px}.dropdown-menu{position:absolute;top:48px;background-color:var(--bg-muted);box-shadow:0 4px 8px #0000001a;width:140px;border-radius:8px;padding:8px 0;z-index:1;border:none}.dropdown-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;font-weight:600;font-size:.875rem}.dropdown-item:hover{background-color:var(--bg-1)}.dropdown-item:focus{outline:none}.language-selector{position:relative}@media (min-width: 768px){.language-selector__button{padding:10px 20px;font-size:1rem}.dropdown-menu{width:160px}}.my-project{padding:2rem;margin-top:10rem;position:relative}.my-project__title{text-align:center;font-size:2.5rem;margin-bottom:4rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.my-project__title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--gradient-primary);border-radius:2px}.my-project__projects{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;perspective:1000px}.my-project__project{position:relative;background:#1a1c23cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:16px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-md)}.my-project__project:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity .4s ease;z-index:-1}.my-project__project:hover{transform:translateY(-8px) rotateX(4deg);border-color:var(--accent-primary);box-shadow:var(--shadow-lg),0 0 20px #9c7ff033}.my-project__project:hover:before{opacity:.1}.my-project__image{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:1.5rem;transition:transform .4s ease;box-shadow:var(--shadow-sm)}.my-project__project:hover .my-project__image{transform:scale(1.02)}.my-project__name{font-size:1.5rem;font-weight:700;margin:0 0 1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.my-project__description{font-size:1rem;line-height:1.6;color:var(--secondary-text-color);margin-bottom:1.5rem;flex-grow:1}.my-project__links{display:flex;gap:1rem;margin-top:auto}.my-project__link{padding:.75rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .3s ease;flex:1;text-align:center;position:relative;overflow:hidden}.my-project__demo{background:var(--gradient-primary);color:var(--primary-text-color);border:none}.my-project__github{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary)}.my-project__link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.my-project__demo:hover{background:var(--gradient-accent)}.my-project__github:hover{background:var(--accent-primary);color:var(--primary-text-color)}@media (max-width: 768px){.my-project{padding:1rem;margin-top:6rem}.my-project__title{font-size:2rem;margin-bottom:3rem}.my-project__projects{grid-template-columns:1fr}.my-project__project{padding:1.25rem}.my-project__image{height:180px}}@media (min-width: 769px) and (max-width: 1024px){.my-project__projects{grid-template-columns:repeat(2,1fr)}}.my-skill{padding:20px;margin-top:4rem;max-width:1200px;margin-left:auto;margin-right:auto}.my-skill__title{text-align:center;font-size:2.2rem;margin-bottom:3rem;color:var(--text-primary)}.my-skill__proficiency{padding:2rem;background:var(--bg-light);border-radius:12px;box-shadow:0 4px 6px #0000001a}.my-skill__proficiency-title{text-align:center;font-size:1.8rem;color:var(--text-primary);margin-bottom:2rem}.my-skill__proficiency-grid{display:grid;gap:1.5rem}.my-skill__proficiency-item{background:var(--bg-darker);padding:1rem;border-radius:8px;transition:transform .3s ease}.my-skill__proficiency-item:hover{transform:translate(5px)}[dir=rtl] .my-skill__proficiency-item:hover{transform:translate(-5px)}.my-skill__proficiency-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.my-skill__proficiency-icon{font-size:1.5rem;color:var(--header-color)}.my-skill__proficiency-name{flex:1;font-size:1rem;color:var(--text-primary)}.my-skill__proficiency-value{font-size:.9rem;color:var(--secondary-text-color)}.my-skill__proficiency-bar-container{height:6px;background:var(--bg-light);border-radius:3px;overflow:hidden}.my-skill__proficiency-bar{height:100%;background:var(--header-color);border-radius:3px;transition:width 1s ease-in-out}@media (max-width: 768px){.my-skill__proficiency-grid{grid-template-columns:1fr}}@media (min-width: 769px){.my-skill__proficiency-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.my-skill__proficiency-grid{grid-template-columns:repeat(3,1fr)}}.container{margin:0 auto;padding:0 15px}.mySwiper{width:100%;height:100vh}@media (max-width: 767px){.container{max-width:100%;padding:0 10px}}@media (min-width: 768px) and (max-width: 1023px){.container{max-width:750px;padding:0 20px}}@media (min-width: 1024px){.container{max-width:1400px;padding:0 30px}}:root{--background-color: #0a0b0e;--background-darker: #050607;--background-lighter: #16181d;--card-background: #1a1c23;--primary-text-color: #e6e9f0;--secondary-text-color: #a0a3b1;--accent-primary: #9c7ff0;--accent-secondary: #32d4ff;--accent-tertiary: #ff75e6;--link-color: #32d4ff;--button-primary: #9c7ff0;--button-hover: #b191ff;--button-active: #8660d4;--border-color: #3a3d49;--border-light: #4a4f5d;--header-color: #9c7ff0;--success-color: #34e99e;--error-color: #ff5e6e;--warning-color: #ffc55c;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .6);--gradient-primary: linear-gradient(135deg, #9c7ff0 0%, #32d4ff 100%);--gradient-accent: linear-gradient(135deg, #ff75e6 0%, #9c7ff0 100%)}body{background-color:var(--background-color);color:var(--primary-text-color);font-family:Inter,Poppins,sans-serif;line-height:1.6;background-image:linear-gradient(to right,rgba(156,127,240,.2) 1px,transparent 1px),linear-gradient(to bottom,rgba(50,212,255,.2) 1px,transparent 1px);background-size:40px 40px;animation:backgroundMove 3s linear infinite}@keyframes backgroundMove{0%{background-position:0 0}to{background-position:40px 40px}}h1,h2,h3,h4,h5,h6{color:var(--primary-text-color);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}a{color:var(--link-color);text-decoration:none;transition:color .2s ease;position:relative}a:hover{color:var(--accent-secondary)}a:hover:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background:var(--gradient-primary);transform:scaleX(1);transform-origin:left;transition:transform .3s ease}button{background-color:var(--button-primary);color:var(--primary-text-color);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s ease;cursor:pointer;box-shadow:var(--shadow-sm)}button:hover{background-color:var(--button-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{background-color:var(--button-active);transform:translateY(0)}.card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.border{border-color:var(--border-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-lighter)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--accent-primary);color:var(--primary-text-color)}
