*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#333}.container{max-width:700px;margin:0 auto;background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d;animation:fadeIn .6s ease-in}header{text-align:center;margin-bottom:40px}h1{font-size:2.5rem;color:#667eea;margin-bottom:10px;font-weight:700}.subtitle{font-size:1.1rem;color:#666;font-weight:300}.input-section{margin-bottom:30px}textarea{width:100%;padding:15px;font-size:1rem;border:2px solid #e0e0e0;border-radius:10px;resize:vertical;font-family:inherit;transition:border-color .3s ease;margin-bottom:15px}textarea:focus{outline:none;border-color:#667eea}textarea::placeholder{color:#999}.solution-btn{width:100%;padding:15px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.solution-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.solution-btn:active{transform:translateY(0)}.solution-section{background:#f8f9ff;padding:25px;border-radius:15px;border-left:5px solid #667eea;animation:slideIn .5s ease-out}.solution-section h2{color:#667eea;margin-bottom:15px;font-size:1.5rem}.solution-text{font-size:1.1rem;line-height:1.8;color:#444}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}footer{text-align:center;color:#fff;font-size:.9rem;margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.container{padding:25px}h1{font-size:2rem}.subtitle{font-size:1rem}textarea{font-size:.95rem}.solution-btn,.solution-text{font-size:1rem}}@media (max-width: 480px){body{padding:10px}.container{padding:20px}h1{font-size:1.75rem}.subtitle{font-size:.9rem}}