*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;font-family:Noto Sans KR,Segoe UI,Malgun Gothic,sans-serif}.app{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;box-sizing:border-box;font-family:Noto Sans KR,Segoe UI,Malgun Gothic,sans-serif}.content{max-width:520px;width:100%;text-align:center;padding:3rem}.logo{max-width:200px;max-height:150px;object-fit:contain;margin-bottom:-1rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out .4s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.service-description{font-size:1rem;color:#2c3e50;margin-bottom:5rem;line-height:1.6;font-weight:500;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out .8s forwards}.contact-form{display:flex;flex-direction:column;gap:1rem;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out 1.4s forwards}.input-group{text-align:left;position:relative}.char-counter{position:absolute;top:-22px;right:4px;font-size:.875rem;color:#64748b;font-weight:500;z-index:1;font-family:ui-monospace,SF Mono,Monaco,Cascadia Code,monospace}.message-input{width:100%;padding:1.25rem;border:1px solid #e2e8f0;border-radius:16px;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box;background-color:#fff;color:#1a202c;resize:vertical;min-height:140px;font-family:inherit;line-height:1.6;box-shadow:0 1px 3px #0000001a}.message-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a,0 4px 12px #00000026;transform:translateY(-1px)}.message-input::placeholder{color:#64748b;font-weight:400}.submit-button{background:#0ea5e9;color:#fff;border:none;padding:1rem 2.5rem;font-size:1rem;font-weight:600;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0ea5e933;letter-spacing:.025em}.submit-button:hover{background:#0284c7;transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e94d}.submit-button:active{transform:translateY(0);box-shadow:0 2px 8px #0ea5e933}.submit-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001a}.submit-button:disabled:hover{background:#94a3b8;transform:none;box-shadow:0 1px 3px #0000001a}@media (max-width: 768px){.app{padding:1.5rem}.content{padding:2.5rem;max-width:480px}.logo{max-width:180px;max-height:130px}.service-description{font-size:.95rem;margin-bottom:4rem}.message-input{padding:1.1rem;min-height:130px;font-size:1rem}.submit-button{padding:1rem 2.2rem;font-size:1rem}.char-counter{font-size:.8rem;top:-20px}}@media (max-width: 480px){.app{padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.content{padding:2rem 1.5rem;max-width:100%;width:calc(100% - 2rem)}.logo{max-width:160px;max-height:120px}.service-description{font-size:.9rem;margin-bottom:3rem;line-height:1.5}.contact-form{gap:.8rem}.message-input{padding:1rem;min-height:110px;font-size:.95rem;border-radius:14px}.submit-button{padding:1rem 2rem;font-size:.95rem;border-radius:14px;width:100%;margin-top:.3rem}.char-counter{font-size:.75rem;top:-18px;right:2px}}@media (max-width: 360px){.app{padding:.5rem}.content{padding:1.5rem 1rem}.logo{max-width:140px;max-height:100px}.service-description{font-size:.85rem;margin-bottom:2.5rem}.message-input{padding:.875rem;min-height:100px;font-size:.9rem}.submit-button{padding:.875rem 1.5rem;font-size:.9rem}}