.contact{background-color:var(--bg-dark);padding-bottom:120px}.contact-panel-box{background:linear-gradient(57.11deg,rgb(6,8,24) 4.4%,rgb(92,26,195) 110.1%);background:var(--contact-gradient);border-radius:var(--border-radius-lg);padding:60px;box-shadow:0px 8px 50px -15px var(--panel-shadow);border:1px solid var(--border-color-soft);border-left:none}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:flex-start}.contact-info-col{display:flex;flex-direction:column;align-items:center}.artwork-wrapper{width:100%;max-width:400px;height:auto;margin-bottom:30px}.artwork-svg{width:100%;height:auto}@keyframes floatBubble{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-8px) rotate(2deg)}}.floating-bubble{animation:floatBubble 6s ease-in-out infinite;transform-origin:center}.bubble-chat{animation-delay:3s}.contact-details{width:100%;max-width:400px;display:flex;flex-direction:column;gap:15px}.contact-detail-item{display:flex;align-items:center;gap:15px;background-color:rgba(255,255,255,0.03);border:1px solid var(--border-color-soft);border-radius:12px;padding:15px 20px;transition:var(--transition-smooth)}.contact-detail-item:hover{background-color:rgba(255,255,255,0.06);border-color:rgba(var(--accent-cyan-rgb),0.2)}.detail-icon-box{width:46px;height:46px;border-radius:10px;background-color:var(--accent-soft);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center}.detail-icon-box svg{width:20px;height:20px}.detail-text-box{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:0.8rem;color:var(--text-gray)}.detail-value{font-size:1rem;font-weight:var(--fw-bold);color:var(--text-white)}.form-title{font-size:2.25rem;font-weight:var(--fw-black);margin-bottom:12px;color:var(--text-white)}.form-subtitle{font-size:0.95rem;color:var(--text-muted);margin-bottom:30px;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:0.9rem;font-weight:var(--fw-medium);color:var(--text-white)}.form-input{background-color:rgba(var(--bg-page-rgb),0.4);border:1px solid var(--border-color-hard);border-radius:var(--border-radius-sm);padding:14px 20px;color:var(--text-white);font-size:0.95rem;transition:var(--transition-smooth);text-align:start}.form-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px rgba(var(--accent-cyan-rgb),0.2);background-color:rgba(var(--bg-page-rgb),0.7)}.form-textarea{resize:none;height:120px}.file-upload-zone{border:2px dashed var(--border-color-hard);border-radius:var(--border-radius-sm);padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background-color:rgba(var(--bg-page-rgb),0.2);transition:var(--transition-smooth)}.file-upload-zone:hover,.file-upload-zone.drag-over{border-color:var(--accent-cyan);background-color:rgba(var(--accent-cyan-rgb),0.05)}.file-upload-zone.drag-over .upload-text{color:var(--accent-cyan) !important}.file-upload-zone .upload-icon{color:var(--text-gray);transition:var(--transition-smooth)}.file-upload-zone:hover .upload-icon,.file-upload-zone.drag-over .upload-icon{color:var(--accent-cyan);transform:translateY(-2px)}.file-preview-item{transition:var(--transition-smooth);box-shadow:0 4px 10px rgba(0,0,0,0.3)}.file-preview-item:hover{transform:scale(1.05)}.remove-file-btn{transition:var(--transition-smooth)}.remove-file-btn:hover{background:var(--error-red) !important;transform:scale(1.1)}.btn-submit{background-color:var(--text-white);color:var(--text-dark);font-weight:var(--fw-bold);height:50px;cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.btn-submit:hover{background-color:var(--accent-cyan);box-shadow:0 4px 15px rgba(var(--accent-cyan-rgb),0.4);transform:translateY(-2px)}.btn-submit:active{transform:translateY(0)}.error-msg{font-size:0.8rem;color:var(--error-red);display:none}.form-group.invalid .form-input{border-color:var(--error-red)}.form-group.invalid .error-msg{display:block}.toast-notification{position:fixed;bottom:40px;left:50%;transform:translate(-50%,calc(100% + 60px));opacity:0;visibility:hidden;pointer-events:none;background-color:var(--bg-card);border:1px solid var(--accent-cyan);border-radius:12px;padding:20px 30px;box-shadow:0 10px 40px rgba(0,0,0,0.5);z-index:2000;width:90%;max-width:480px;transition:transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275),opacity 0.4s ease,visibility 0.4s ease}.toast-notification.show{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.toast-content{display:flex;align-items:center;gap:20px}.toast-icon-box{width:40px;height:40px;border-radius:50%;background-color:var(--accent-soft);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon-box svg{width:18px;height:18px}.toast-text{display:flex;flex-direction:column;gap:4px}.toast-text h4{color:var(--text-white);font-size:1.1rem}.toast-text p{color:var(--text-muted);font-size:0.85rem}.btn-loader{width:18px;height:18px;border:2px solid rgba(var(--text-dark-rgb),0.2);border-top-color:var(--text-dark);border-radius:50%;display:none;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-submit.loading .btn-text{display:none}.btn-submit.loading .btn-loader{display:block}@media (max-width:992px){.contact-panel-box{padding:40px 25px}.contact-grid{grid-template-columns:1fr;gap:50px}.contact-info-col{order:2}.toast-notification{bottom:24px;padding:16px 20px;width:calc(100% - 32px)}.toast-content{gap:14px}.toast-icon-box{width:36px;height:36px}.toast-icon-box svg{width:16px;height:16px}.toast-text h4{font-size:1rem}.toast-text p{font-size:0.82rem}}