.contact{padding:120px 0;background:transparent;position:relative}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact-info{opacity:0;transform:translate(-50px)}.contact-info.animate{animation:slideInLeft 1s ease forwards}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.contact-info h3{font-size:2.5rem;color:#00f5ff;margin-bottom:30px;font-weight:800}body.light-mode .contact-info h3{color:#06f}.contact-info p{color:#b8bcc8;font-size:1.2rem;margin-bottom:40px;line-height:1.8}body.light-mode .contact-info p{color:#666}.contact-items{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;margin-bottom:0;transition:all .3s ease}.contact-item:hover{transform:translate(10px)}.contact-item:hover .contact-icon{transform:scale(1.1) rotate(15deg);box-shadow:0 0 25px #00f5ff66}body.light-mode .contact-item:hover .contact-icon{box-shadow:0 0 25px #06f6}.contact-icon{font-size:1.3rem;color:#00f5ff;margin-left:20px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#00f5ff1a;border-radius:50%;box-shadow:0 0 15px #00f5ff33;flex-shrink:0;transition:transform .3s ease,box-shadow .3s ease}body.light-mode .contact-icon{color:#06f;background:#0066ff1a;box-shadow:0 0 15px #06f3}.contact-text{color:#fff;font-size:1.1rem}body.light-mode .contact-text{color:#333}.contact-form{background:#ffffff0d;padding:50px;border-radius:30px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(0,245,255,.2);box-shadow:0 20px 50px #0000004d;opacity:0;transform:translate(50px)}.contact-form .form-status{display:none;margin-bottom:24px;border-radius:18px;padding:14px 18px;border:1px solid transparent;font-size:.95rem;font-weight:500;line-height:1.6}.contact-form .form-status.is-visible{display:block}.contact-form .form-status.is-success{background:#4ccdc41f;border-color:#4ccdc466;color:#4ecdc4;box-shadow:0 12px 30px #4ccdc426}body.light-mode .contact-form .form-status.is-success{background:#44a08d1f;border-color:#44a08d59;color:#357a70}.contact-form .form-status.is-error{background:#ff6b6b24;border-color:#ff6b6b66;color:#ff6b6b;box-shadow:0 12px 30px #ff6b6b26}body.light-mode .contact-form .form-status.is-error{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#d94c4c}body.light-mode .contact-form{background:#ffffffe6;border:1px solid rgba(0,102,255,.2);box-shadow:0 20px 50px #0000001a}.contact-form.animate{animation:slideInRight 1s ease forwards}.form-group{margin-bottom:30px;position:relative}.form-group label{display:block;color:#00f5ff;margin-bottom:10px;font-weight:600;font-size:1.1rem}body.light-mode .form-group label{color:#06f}.form-group input,.form-group textarea,.form-group select{width:100%;padding:15px 20px;background:#ffffff0d;border:2px solid rgba(0,245,255,.2);border-radius:15px;color:#fff;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300F5FF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:left 20px center;background-size:12px;padding-left:40px}body.light-mode .form-group select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%230066FF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)}body.light-mode .form-group input,body.light-mode .form-group textarea,body.light-mode .form-group select{background:#ffffffe6;border:2px solid rgba(0,102,255,.2);color:#333}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#00f5ff;background:#ffffff14;box-shadow:0 0 20px #00f5ff33}body.light-mode .form-group input:focus,body.light-mode .form-group textarea:focus,body.light-mode .form-group select:focus{border-color:#06f;background:#fffffff2;box-shadow:0 0 20px #06f3}.form-group textarea{resize:vertical;min-height:150px}.submit-btn{width:100%;padding:18px;background:linear-gradient(135deg,#00f5ff,#06f);border:none;border-radius:50px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px}body.light-mode .submit-btn{background:linear-gradient(135deg,#06f,#0af)}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px #00f5ff66}body.light-mode .submit-btn:hover{box-shadow:0 20px 40px #06f6}.contact-card{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.contact-input{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}body.light-mode .contact-card{background-color:#fff!important;border-color:#00000014!important;box-shadow:0 25px 50px -12px #00000014!important}body.light-mode .contact-card h2{color:#1e293b!important}body.light-mode .contact-card p,body.light-mode .contact-card label{color:#475569!important}body.light-mode .contact-input{background-color:#f8fafc!important;border-color:#e2e8f0!important;color:#0f172a!important}body.light-mode .contact-input::-moz-placeholder{color:#94a3b8!important}body.light-mode .contact-input::placeholder{color:#94a3b8!important}body.light-mode .contact-input:focus{border-color:#06f!important;background-color:#fff!important}.contact-input:-webkit-autofill,.contact-input:-webkit-autofill:hover,.contact-input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0px 1000px #14151c inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}body.light-mode .contact-input:-webkit-autofill,body.light-mode .contact-input:-webkit-autofill:hover,body.light-mode .contact-input:-webkit-autofill:focus{-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:0 0 0px 1000px #f8fafc inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}