.contact{margin-top:4rem;text-align:center;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem);background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);opacity:.5}.contact h1{font-size:clamp(2rem,6vw,2.8rem);margin-bottom:1rem;color:#f8fafc;font-weight:700;letter-spacing:-.02em;line-height:1.2}.contact p{color:#94a3b8;margin-bottom:2.5rem;font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.7;max-width:600px;margin-left:auto;margin-right:auto;padding:0 1rem}form{max-width:550px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.2rem);padding:0 1rem}input,textarea{padding:clamp(.875rem,2vw,1rem);border:2px solid #334155;border-radius:clamp(6px,1.5vw,8px);background-color:#1e293b;color:#f8fafc;font-size:clamp(.9rem,2vw,1rem);resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;font-family:inherit;box-shadow:0 2px 4px rgba(0,0,0,.1)}input::-moz-placeholder,textarea::-moz-placeholder{color:#64748b;opacity:1}input::placeholder,textarea::placeholder{color:#64748b;opacity:1}input:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 4px 6px rgba(0,0,0,.1);background-color:#1e293b;transform:translateY(-2px)}textarea{min-height:150px;max-height:400px}button{background-color:#3b82f6;color:white;border:none;padding:clamp(.875rem,2vw,1rem) clamp(1.5rem,3vw,2rem);border-radius:clamp(6px,1.5vw,8px);cursor:pointer;font-size:clamp(.9rem,2vw,1rem);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px rgba(59,130,246,.3);width:100%;align-self:center;position:relative;overflow:hidden;font-family:inherit}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}button:hover:before{width:300px;height:300px}button:hover{background-color:#2563eb;box-shadow:0 6px 12px rgba(37,99,235,.4);transform:translateY(-2px)}button:active{transform:translateY(0) scale(.98)}button:disabled{background-color:#334155;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:480px){.contact{margin-top:2.5rem;padding:2rem 1rem}.contact p{margin-bottom:2rem}form{gap:1rem;padding:0 .75rem}textarea{min-height:120px}button{padding:.875rem 1.25rem;font-size:.9rem}}@media (min-width:481px) and (max-width:767px){.contact{padding:2.5rem 1.5rem}form{max-width:90%}textarea{min-height:140px}}@media (min-width:768px) and (max-width:1024px){.contact{padding:3rem 2rem}form{max-width:520px}input,textarea{padding:1rem}button{max-width:300px}}@media (min-width:1025px) and (max-width:1280px){.contact{padding:3.5rem 2rem}button{max-width:350px}}@media (min-width:1281px){.contact{padding:4rem 2rem}form{max-width:600px}button{max-width:400px}}@media (hover:none) and (pointer:coarse){input,textarea{font-size:16px;min-height:44px}button{min-height:48px;padding:1rem 1.5rem}button:hover,input:focus,textarea:focus{transform:none}button:active{transform:scale(.97)}}@media (max-height:480px) and (orientation:landscape){.contact{margin-top:2rem;padding:1.5rem 1rem}.contact h1{margin-bottom:.75rem}.contact p{margin-bottom:1.5rem}textarea{min-height:100px}}@media (prefers-contrast:high){input,textarea{border-width:2px;border-color:#64748b}input:focus,textarea:focus{border-width:3px}}@media (prefers-reduced-motion:reduce){button,button:before,input,textarea{transition:none}button:active,button:hover,input:focus,textarea:focus{transform:none}}@media (prefers-color-scheme:dark){input,textarea{background-color:#0f172a}}@media print{.contact{background:white;color:black;padding:2rem 1rem}.contact:before,button{display:none}}