@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body{align-items:center;animation:fadeIn 1s ease-in-out;background:radial-gradient(circle,#121212,#1a1a1a);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden}.contact{animation:fadeIn 1.5s ease-in-out;color:#fff;padding:80px 20px;text-align:center;width:100%}.contact,.contact h2{font-family:Roboto,sans-serif}.contact h2{color:#ff4d4d;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:25px;text-transform:uppercase}.contact p{color:#bbb;font-family:Roboto,sans-serif;font-size:1.4rem;line-height:1.7;margin-bottom:30px}.contact label{color:#bbb;display:block;font-size:1rem;font-weight:500;margin-bottom:8px;text-align:left;transition:all .3s ease}.contact form{background:#1a1a1a;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:750px;padding:40px;position:relative;transition:all .3s ease;width:100%}.contact form:after,.contact form:before{animation:spin 3s linear infinite;background:conic-gradient(from var(--angle),red 0deg,#f33 20deg,#c00 50deg,#900 90deg,#600 130deg,red 180deg,#b20000 220deg,#c00 270deg,#f33 320deg,red 1turn);border-radius:12px;content:"";height:calc(100% + 3px);left:50%;position:absolute;top:50%;translate:-50% -50%;width:calc(100% + 3px);z-index:-1}.contact form:after{animation:none;opacity:1}.contact form:before{filter:blur(2rem);opacity:.5}.input-group:focus-within label{color:#ff3b3b}.input-group{margin-bottom:18px;position:relative}#char-count{bottom:32px;color:#888;font-size:12px;margin:0;position:absolute;right:10px;z-index:1}.contact input,.contact textarea{accent-color:#ff3b3b;background:#333;border:1px solid #444;border-radius:10px;box-sizing:border-box;caret-color:#ff3b3b;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;margin-bottom:18px;padding:16px;position:relative;transition:border .3s ease,box-shadow .3s ease;width:100%}.contact textarea{overflow:hidden;resize:none}.contact input:focus,.contact textarea:focus{border-color:#ff3b3b;box-shadow:0 0 10px rgba(255,59,59,.8);outline:none}.contact input:not(:-moz-placeholder-shown)+label,.contact textarea:not(:-moz-placeholder-shown)+label{color:#ff3b3b;font-size:.85rem;transform:translateY(-24px)}.contact input:focus+label,.contact input:not(:placeholder-shown)+label,.contact textarea:focus+label,.contact textarea:not(:placeholder-shown)+label{color:#ff3b3b;font-size:.85rem;transform:translateY(-24px)}.contact input::-moz-placeholder,.contact textarea::-moz-placeholder{color:#aaa}.contact input::placeholder,.contact textarea::placeholder{color:#aaa}.contact button{background:linear-gradient(45deg,#ff3b3b,#c00);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;padding:14px 30px;transition:background .3s ease,transform .3s ease}.contact button:hover{background:linear-gradient(45deg,#c00,#900);box-shadow:0 0 15px rgba(255,0,0,.6);transform:translateY(-3px)}.contact button:focus{outline:none}.contact button:active{transform:translateY(2px)}.contact .form-message{border-radius:8px;color:#fff;display:none;font-family:Roboto,sans-serif;font-size:1.1rem;font-weight:700;margin-top:15px;padding:15px}.contact .form-message.success{background:#2ecc71}.contact .form-message.error{background:#e74c3c}@media (max-width:1280px){.contact{padding:60px 20px}.contact h2{font-size:2.8rem}.contact p{font-size:1.2rem}.contact form{padding:35px}.contact input,.contact textarea{padding:14px}.contact button{padding:12px 25px}}@media (max-width:1024px){.contact{padding:50px 20px}.contact h2{font-size:2.5rem}.contact p{font-size:1.1rem}.contact form{padding:30px}.contact input,.contact textarea{padding:14px}.contact button{padding:12px 25px}}@media (max-width:768px){.contact{padding:40px 20px}.contact h2{font-size:2.2rem}.contact p{font-size:1.1rem}.contact form{padding:25px}.contact input,.contact textarea{padding:14px}.contact button{padding:12px 25px}}@media (max-width:480px){.contact{padding:20px}.contact h2{font-size:1.8rem}.contact p{font-size:1rem}.contact form{padding:20px;width:100%}.contact input,.contact textarea{font-size:.9rem;padding:12px}.contact button{font-size:1rem;padding:10px 20px}}/*# sourceMappingURL=src.css.map */