body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#6366f1;--secondary-color:#ec4899;--dark-bg:#0f172a;--dark-surface:#1e293b;--dark-surface-light:#334155;--light-bg:#f8fafc;--text-dark:#1e293b;--text-light:#64748b;--text-light-dark:#cbd5e1;--border-color:#e2e8f0;--border-color-dark:#475569;--success:#10b981;--warning:#f59e0b}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;background-color:var(--dark-bg);color:#cbd5e1;color:var(--text-light-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#6366f1;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#4f46e5;box-shadow:0 10px 20px #6366f14d;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid #6366f1;border:2px solid var(--primary-color);color:#6366f1;color:var(--primary-color)}.btn-secondary:hover{background-color:#6366f1;background-color:var(--primary-color);color:#fff}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:10px}.section-subtitle{color:#cbd5e1;color:var(--text-light-dark);font-size:1.1rem;margin-bottom:40px}@media (max-width:768px){.section-title{font-size:2rem}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1e293b;background-color:#1e293bf2;border-bottom:2px solid #334155;box-shadow:0 4px 20px #0006;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.2rem 2rem}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:#f1f5f9;font-size:1.5rem;font-weight:700}.nav{align-items:center;display:flex;gap:2.5rem}.nav-link{background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;transition:all .3s ease}.nav-link:after{background:linear-gradient(90deg,#60a5fa,#a78bfa);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:#60a5fa}.nav-link:hover:after{width:100%}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px}.menu-toggle span{background-color:#cbd5e1;border-radius:2px;height:3px;transition:all .3s ease;width:25px}@media (max-width:768px){.menu-toggle{display:flex}.nav{background-color:#1e293b;border-bottom:1px solid #334155;box-shadow:0 10px 20px #0000004d;display:none;flex-direction:column;gap:1rem;left:0;max-height:0;overflow:hidden;padding:2rem;position:fixed;right:0;top:70px;transition:max-height .3s ease;z-index:99}.nav.active{display:flex;max-height:400px}.header-container{padding:max(1rem,env(safe-area-inset-top)) 1rem 1rem}.logo h1{font-size:1.2rem}.nav-link{font-size:1.1rem;padding:.8rem 0}}.hero{display:flex;flex-direction:column}.hero-cover-section{height:550px;overflow:hidden;position:relative;width:100%}.cover-image{animation:zoomIn .8s ease-out;display:block;height:100%;object-fit:cover;width:100%}.cover-overlay{background:linear-gradient(135deg,#0f172abf,#1e293ba6);z-index:1}.cover-overlay,.hero-content-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.hero-content-overlay{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%;z-index:2}.hero-text-content{animation:slideInLeft .8s ease-out;display:flex;flex:1 1;flex-direction:column;gap:1.2rem;max-width:600px}.hero-title{color:#f1f5f9;font-size:4.5rem;font-weight:900;letter-spacing:-1.5px;line-height:1.1;text-shadow:0 4px 20px #0009}.hero-subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;text-shadow:0 2px 10px #0000004d}.hero-profile-section{align-items:center;animation:slideInRight .8s ease-out;display:flex;flex:0 0 auto;justify-content:center}.profile-image{animation:float 3s ease-in-out infinite;border:4px solid #60a5fa;border-radius:50%;box-shadow:0 25px 60px #60a5fa80,0 0 0 4px #0f172a,inset 0 0 0 2px #60a5fa;height:300px;object-fit:cover;transition:transform .3s ease;width:300px}.profile-image:hover{transform:scale(1.05)}.hero-description-section{background:linear-gradient(180deg,#1e293b,#0f172a);border-top:1px solid #334155;padding:80px 2rem}.hero-description-container{align-items:center;animation:fadeInUp .8s ease-out .2s both;display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:1200px;text-align:center}.hero-description{color:#cbd5e1;font-size:1.25rem;font-weight:500;line-height:1.8;max-width:700px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}@keyframes zoomIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.hero-content-overlay{flex-direction:column;gap:2rem;justify-content:center}.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.3rem}.profile-image{height:260px;width:260px}}@media (max-width:768px){.hero-cover-section{height:600px;padding-top:env(safe-area-inset-top)}.hero-content-overlay{flex-direction:column;gap:2.5rem;justify-content:center;padding:3rem 1rem 2rem}.hero-text-content{gap:1rem;max-width:100%;text-align:center}.hero-title{font-size:2.5rem;letter-spacing:-.5px;line-height:1.2;margin-top:1rem}.hero-subtitle{font-size:1.1rem}.profile-image{height:220px;width:220px}.hero-description-section{padding:50px 1rem}.hero-description{font-size:1rem;line-height:1.7}.hero-buttons{flex-direction:column;gap:1rem}.hero-buttons .btn{width:100%}}.projects{background:linear-gradient(180deg,#0f172a,#1a1f35 50%,#0f172a);overflow:hidden;padding:140px 2rem;position:relative}.projects:before{background:linear-gradient(90deg,#0000,#60a5fa,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.projects:after{background:radial-gradient(circle,#60a5fa1a 0,#0000 70%);border-radius:50%;content:"";height:400px;pointer-events:none;position:absolute;right:-200px;top:-200px;width:400px}.projects-container{margin:0 auto;max-width:1600px;position:relative;z-index:1}.section-header{animation:fadeInDown .8s ease-out;margin-bottom:6rem;text-align:center}.section-header .section-title{font-size:3.5rem;margin-bottom:1rem}.featured-projects{display:flex;flex-direction:column;gap:8rem;margin-bottom:8rem}.featured-project{grid-gap:5rem;align-items:center;animation:fadeInUp .8s ease-out;display:grid;gap:5rem;grid-template-columns:1fr 1.2fr;position:relative}.featured-project:before{background:radial-gradient(circle,#60a5fa14 0,#0000 70%);border-radius:50%;content:"";height:200px;left:-100px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:200px}.featured-project.right{direction:rtl}.featured-project.right>*{direction:ltr}.featured-project.right:before{left:auto;right:-100px}.project-content{display:flex;flex-direction:column;gap:2rem;padding:2rem}.project-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:6rem;font-weight:900;line-height:1;margin-bottom:-1rem;opacity:.15}.project-title{color:#f1f5f9;font-size:2.8rem;font-weight:800;letter-spacing:-.5px;line-height:1.2}.project-description{color:#cbd5e1;font-size:1.15rem;line-height:1.9;max-width:550px}.project-tech{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.tech-tag{background:#60a5fa1a;border:1px solid #60a5fa4d;border-radius:30px;color:#60a5fa;font-size:.9rem;font-weight:600;padding:.7rem 1.4rem;transition:all .3s ease}.tech-tag:hover{background:#60a5fa33;border-color:#60a5fa;transform:translateY(-2px)}.project-cta{align-items:center;background:#0000;border:2px solid #60a5fa;border-radius:8px;color:#60a5fa;display:inline-flex;font-size:1.05rem;font-weight:700;gap:.8rem;margin-top:1.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.project-cta:hover{background:#60a5fa;color:#0f172a;transform:translateX(4px)}.project-cta span{transition:transform .3s ease}.project-cta:hover span{transform:translateX(4px)}.project-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.project-cta.live{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 15px #10b9814d;color:#fff}.project-cta.live:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.live-indicator{animation:pulse 2s ease-in-out infinite;color:#d1fae5;display:inline-block;font-size:.8rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.project-media{position:relative}.media-wrapper{display:flex;flex-direction:column;gap:2rem}.image-container{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #60a5fa33;border-radius:20px;box-shadow:0 30px 80px #60a5fa40,0 0 1px #60a5fa80;height:450px;overflow:hidden;position:relative}.project-image{animation:imageLoad .8s ease-out;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}@keyframes imageLoad{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-container:hover .project-image{transform:scale(1.08)}.image-placeholder{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #60a5fa33;border-radius:20px;color:#cbd5e1;display:flex;font-weight:500;height:450px;justify-content:center;width:100%}.nav-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:1.5rem;padding:14px 18px;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:10}.nav-button:hover{background:#60a5facc;box-shadow:0 0 20px #60a5fa80;transform:translateY(-50%) scale(1.15)}.nav-button.prev{left:16px}.nav-button.next{right:16px}.image-counter{animation:slideInUp .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:8px;bottom:16px;color:#fff;font-size:.85rem;font-weight:700;padding:8px 14px;position:absolute;right:16px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-container{border:1px solid #60a5fa33;border-radius:20px;box-shadow:0 30px 80px #60a5fa40;overflow:hidden}.video-container video{display:block;width:100%}.live-preview-container{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #10b9814d;border-radius:20px;box-shadow:0 30px 80px #10b98140,0 0 1px #10b98180;height:450px;overflow:hidden;position:relative}.live-preview-iframe{background:#fff;border:none;display:block;height:100%;width:100%}.live-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 4px 15px #10b98166;color:#fff;display:flex;font-size:.85rem;font-weight:700;gap:8px;left:16px;padding:8px 16px;position:absolute;top:16px;z-index:10}.live-dot{animation:pulse 2s ease-in-out infinite;color:#d1fae5;display:inline-block;font-size:.8rem}.live-preview-card{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #60a5fa4d;border-radius:20px;box-shadow:0 30px 80px #60a5fa26;display:flex;flex-direction:column;gap:1.5rem;height:450px;justify-content:center;padding:3rem;text-align:center}.preview-icon{animation:float 3s ease-in-out infinite;font-size:4rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.live-preview-card h4{color:#f1f5f9;font-size:1.8rem;font-weight:700;margin:0}.live-preview-card p{color:#cbd5e1;font-size:1.1rem;margin:0}.preview-features{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.preview-tech{background:#60a5fa26;border:1px solid #60a5fa4d;border-radius:20px;color:#60a5fa;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem}.other-repos{border-top:1px solid #334155;margin-top:6rem;padding-top:4rem}.other-repos h3{font-size:2rem;font-weight:700;margin-bottom:2.5rem}.repos-list{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.repo-item{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;padding:2rem;transition:all .3s ease}.repo-item:hover{box-shadow:0 8px 24px #60a5fa26;transform:translateY(-6px)}.repo-item h4{font-size:1.2rem;margin-bottom:.8rem}.repo-item p{line-height:1.6;margin-bottom:1.2rem}.repo-tech{gap:.6rem;margin-bottom:1.2rem}.repo-tech-tag{background-color:#334155;border:1px solid #475569;border-radius:6px;padding:.4rem .8rem}.repo-link:hover{color:#a78bfa}.loading-message{padding:4rem 2rem}@media (max-width:1024px){.featured-project{gap:2rem;grid-template-columns:1fr}.featured-project.right{direction:ltr}.project-title{font-size:2rem}.image-container{height:300px}}@media (max-width:768px){.projects{padding:60px 1rem}.featured-projects{gap:4rem}.project-number{font-size:3rem}.project-title{font-size:1.6rem}.project-description{font-size:1rem}.image-container{height:250px}.repos-list{grid-template-columns:1fr}}.other-repos{border-top:1px solid #60a5fa33;margin-top:8rem;padding-top:5rem}.other-repos h3{color:#f1f5f9;font-size:2.2rem;font-weight:800;margin-bottom:3rem}.repos-list{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.repo-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bcc,#334155cc);border:1px solid #60a5fa33;border-radius:16px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.repo-item:before{background:linear-gradient(90deg,#0000,#60a5fa1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:100%}.repo-item:hover:before{left:100%}.repo-item:hover{border-color:#60a5fa;box-shadow:0 20px 50px #60a5fa33;transform:translateY(-8px)}.repo-item h4{color:#f1f5f9;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.repo-item p{color:#cbd5e1;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.repo-tech{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}.repo-tech-tag{background-color:#60a5fa1a;border:1px solid #60a5fa4d;border-radius:8px;color:#60a5fa;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.repo-tech-tag:hover{background-color:#60a5fa33;border-color:#60a5fa}.repo-stars{color:#fbbf24;font-weight:700;margin-left:.5rem}.repo-link{background:#0000;border:1px solid #60a5fa4d;border-radius:6px;color:#60a5fa;display:inline-block;font-size:.95rem;font-weight:700;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.repo-link:hover{background:#60a5fa;border-color:#60a5fa;color:#fff;transform:translateX(4px)}.loading-message{color:#cbd5e1;font-size:1.1rem;padding:5rem 2rem;text-align:center}@media (max-width:1200px){.featured-project{gap:3rem;grid-template-columns:1fr}.featured-project.right{direction:ltr}.featured-project:before{display:none}.project-title{font-size:2.2rem}.image-container{height:350px}}@media (max-width:768px){.projects{padding:80px 1rem}.featured-projects{gap:5rem}.project-number{font-size:4rem}.project-title{font-size:1.8rem}.project-description{font-size:1rem}.image-container{height:280px}.repos-list{grid-template-columns:1fr}.section-header .section-title{font-size:2.5rem}}.skills{background:linear-gradient(180deg,#1e293b,#0f172a);padding:100px 2rem;position:relative}.skills:before{background:linear-gradient(90deg,#0000,#60a5fa,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.skills-container{margin:0 auto;max-width:1200px}.skills-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.skill-category{background:linear-gradient(135deg,#334155,#475569);border:1px solid #475569;border-radius:16px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.skill-category:before{background:linear-gradient(90deg,#0000,#60a5fa1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.skill-category:hover:before{left:100%}.skill-category:hover{border-color:#60a5fa;box-shadow:0 12px 40px #60a5fa33;transform:translateY(-8px)}.skill-category h3{color:#f1f5f9;font-size:1.4rem;font-weight:700;margin-bottom:1.8rem;position:relative;z-index:1}.skills-list{display:flex;flex-wrap:wrap;gap:1rem;position:relative;z-index:1}.skill-item{background:#1e293b;border:1.5px solid #475569;border-radius:24px;color:#60a5fa;cursor:default;font-size:.95rem;font-weight:600;padding:.7rem 1.2rem;transition:all .3s ease}.skill-item:hover{background:linear-gradient(135deg,#60a5fa,#a78bfa);border-color:#0000;box-shadow:0 6px 20px #60a5fa4d;color:#fff;transform:scale(1.08)}@media (max-width:768px){.skills{padding:60px 1rem}.skills-grid{grid-template-columns:1fr}.skill-category{padding:2rem}}.cv-section{background:linear-gradient(180deg,#0f172a,#1a1f35 50%,#0f172a);overflow:hidden;padding:140px 2rem;position:relative}.cv-section:before{background:linear-gradient(90deg,#0000,#60a5fa,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.cv-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.cv-header{animation:fadeInDown .8s ease-out;margin-bottom:4rem;text-align:center}.cv-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;margin-bottom:1rem}.cv-subtitle{color:#cbd5e1;font-size:1.2rem}.cv-content{animation:fadeInUp .8s ease-out;display:flex;flex-direction:column;gap:3rem}.cv-preview{background:#fff;border:2px solid #60a5fa4d;border-radius:20px;box-shadow:0 30px 80px #60a5fa40;height:800px;overflow:hidden;width:100%}.cv-iframe{border:none;height:100%;width:100%}.cv-actions{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.cv-button{align-items:center;border:2px solid;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:1rem;padding:1.2rem 2.5rem;text-decoration:none;transition:all .3s ease}.cv-button.download{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 15px #10b9814d;color:#fff}.cv-button.download:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98180;transform:translateY(-3px)}.cv-button.view{background:#0000;border-color:#60a5fa;color:#60a5fa}.cv-button.view:hover{background:#60a5fa;color:#0f172a;transform:translateY(-3px)}.button-icon{font-size:1.3rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.cv-section{padding:80px 1rem}.cv-title{font-size:2.5rem}.cv-subtitle{font-size:1rem}.cv-preview{height:600px}.cv-actions{flex-direction:column;gap:1rem}.cv-button{justify-content:center;width:100%}}.contact{background:linear-gradient(135deg,#1e293b,#334155);border-top:1px solid #475569;color:#f1f5f9;padding:80px 2rem}.contact-container{margin:0 auto;max-width:1200px}.contact .section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.contact .section-subtitle{color:#cbd5e1}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:3rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-item h3{color:#f1f5f9;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.info-item a,.info-item p{color:#cbd5e1;font-size:1.1rem;opacity:.9;text-decoration:none;transition:all .3s ease}.info-item a:hover{color:#60a5fa;opacity:1;text-decoration:underline}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#f1f5f9;font-size:1rem;font-weight:600}.form-group input,.form-group textarea{background-color:#0f172a;border:1px solid #475569;border-radius:8px;color:#f1f5f9;font-family:inherit;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group input:focus,.form-group textarea:focus{background-color:#1e293b;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.contact-form .btn{align-self:flex-start;background-color:#60a5fa;color:#0f172a;font-weight:600;padding:12px 32px;transition:all .3s ease}.contact-form .btn:disabled{cursor:not-allowed;opacity:.6}.contact-form .btn:hover:not(:disabled){background-color:#93c5fd;box-shadow:0 10px 20px #60a5fa33;transform:translateY(-2px)}.status-message{animation:slideIn .3s ease-out;border-radius:8px;font-weight:600;padding:1rem 1.5rem}.status-message.success{background-color:#10b98126;border:1px solid #10b9814d;color:#10b981}.status-message.error{background-color:#ef444426;border:1px solid #ef44444d;color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contact{padding:40px 1rem}.contact-content{gap:2rem;grid-template-columns:1fr}.contact-form .btn{align-self:stretch;width:100%}}.footer{background-color:#0f172a;border-top:1px solid #334155;color:#fff;margin-top:auto;padding:2rem}.footer-container{margin:0 auto;max-width:1200px}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.footer-content p{opacity:.8}.social-links{display:flex;gap:2rem}.social-links a{color:#fff;font-weight:500;opacity:.8;text-decoration:none;transition:all .3s ease}.social-links a:hover{color:#6366f1;opacity:1}@media (max-width:768px){.footer-content{flex-direction:column;text-align:center}.social-links{justify-content:center}}
/*# sourceMappingURL=main.6d7c9f2a.css.map*/