.contact-form-outer{color:var(--text-secondary);background-color:var(--background);min-height:calc(100vh - 200px);padding:40px 7rem;transition:color .3s,background-color .3s;overflow:visible}.contact-form-section{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:start;gap:28px;width:100%;display:grid}.contact-form-container{width:100%}.contact-info-card{background:var(--background-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;position:sticky;top:96px}.contact-info-card h2{color:var(--text);margin-bottom:18px;font-size:1.2rem;font-weight:600}.contact-info-list{flex-direction:column;gap:14px;margin-bottom:24px;list-style:none;display:flex}.contact-info-list li{color:var(--text-secondary);overflow-wrap:anywhere;align-items:center;gap:12px;font-size:.95rem;display:flex}.contact-info-list svg{color:var(--primary);flex-shrink:0;font-size:1.1rem}.contact-info-list a{color:var(--text);text-decoration:none;transition:color .2s}.contact-info-list a:hover{color:var(--primary)}.contact-info-socials{border-top:1px solid var(--border);gap:10px;padding-top:20px;display:flex}.contact-info-socials a{width:40px;height:40px;color:var(--text-secondary);background:var(--overlay);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;font-size:1.15rem;transition:color .2s,border-color .2s;display:inline-flex}.contact-info-socials a:hover{color:var(--primary);border-color:rgba(var(--primary-rgb), .6)}@media (max-width:900px){.contact-form-section{grid-template-columns:1fr}.contact-info-card{position:static}}.contact-form-card{background-color:var(--background-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 24px 60px -30px var(--shadow);padding:35px 40px;transition:border-color .3s,box-shadow .3s}.contact-form-card:focus-within{border-color:rgba(var(--primary-rgb), .5);box-shadow:var(--glow)}.contact-form{flex-direction:column;gap:8px;display:flex}.form-group{flex-direction:column;margin-bottom:12px;display:flex}.form-group label{color:var(--text);align-items:center;gap:10px;margin-bottom:10px;font-size:.95rem;font-weight:500;transition:color .3s;display:flex}.form-icon{color:var(--primary);font-size:1.25rem;transition:color .3s}.contact-form input,.contact-form textarea{border:1px solid var(--border);color:var(--text);background-color:var(--background);border-radius:10px;padding:14px 16px;font-size:1rem;transition:all .3s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .15);outline:none}:-webkit-any(input:-webkit-autofill,textarea:-webkit-autofill){-webkit-box-shadow:0 0 0px 1000px var(--background-secondary) inset;-webkit-text-fill-color:var(--text);transition:background-color 5000s ease-in-out}:is(input:autofill,textarea:autofill){-webkit-box-shadow:0 0 0px 1000px var(--background-secondary) inset;-webkit-text-fill-color:var(--text);transition:background-color 5000s ease-in-out}:is(input:autofill,textarea:autofill){background-color:var(--background-secondary)!important;color:var(--text)!important}.contact-form textarea{resize:none;scrollbar-width:thin;scrollbar-color:rgba(var(--primary-rgb), .5) transparent;min-height:160px;max-height:212px;line-height:1.6;overflow-y:auto}.contact-form-hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-form-submit{width:100%;margin-top:12px}.submit-icon{transform:rotate(90deg)}.submit-icon.spinning{animation:1s linear infinite spin;transform:rotate(0)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-form-submit.loading{opacity:.8;cursor:wait}.contact-form-error-message{color:var(--danger);margin-top:5px;font-size:.85rem;overflow:hidden}.toast-notification{border-radius:var(--radius-lg);z-index:99999;min-width:320px;max-width:380px;font-family:var(--font-sans);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 16px var(--shadow);border:1px solid var(--border);padding:16px 44px 16px 18px;overflow:hidden;position:fixed!important;inset:86px 16px auto auto!important}.toast-success{background:linear-gradient(145deg, rgba(var(--primary-rgb), .12) 0%, var(--background-card) 60%);border-color:rgba(var(--primary-rgb), .25)}.toast-error{background:linear-gradient(145deg, color-mix(in srgb, var(--danger) 12%, transparent) 0%, var(--background-card) 60%);border-color:color-mix(in srgb, var(--danger) 25%, transparent)}.toast-content{align-items:center;gap:14px;min-height:40px;display:flex}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;line-height:1;display:flex}.toast-success .toast-icon{color:var(--primary)}.toast-error .toast-icon{color:var(--danger)}.toast-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.toast-title{color:var(--text,#e2e8f0);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700;line-height:1.2}.toast-subtitle{color:var(--text-secondary,#94a3b8);margin:0;font-size:.8rem;line-height:1.5}.toast-close-btn{background:var(--overlay);border:1px solid var(--border);color:var(--text-muted,#64748b);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;padding:4px;font-size:1rem;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.toast-close-btn:hover{color:var(--text,#e2e8f0);background:var(--background-hover)}.toast-progress{border-radius:0 0 var(--radius-lg) var(--radius-lg);height:3px;transition:width .3s linear;position:absolute;bottom:0;left:0}.progress-success{background:var(--gradient);box-shadow:0 0 8px rgba(var(--primary-rgb), .5)}.progress-error{background:linear-gradient(90deg, var(--danger), color-mix(in srgb, var(--danger) 70%, white));box-shadow:0 0 8px color-mix(in srgb, var(--danger) 50%, transparent)}@media (max-width:768px){.toast-notification{min-width:auto;max-width:100%;padding:14px 42px 14px 16px;top:72px!important;left:8px!important;right:8px!important}}@media (max-width:992px){.contact-form-outer{padding:40px 2rem}}@media (max-width:768px){.contact-form-outer{padding:30px 1rem}.contact-form-container{width:100%;max-width:100%}.contact-form-card{padding:25px 20px}.contact-form textarea{min-height:130px;max-height:182px}.form-icon{font-size:1.1rem}}