.out{padding:7px;margin:15px 10px;background:#f1f1fe}h1{font-size:3rem}h2{font-size:2.5rem}.app{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px;background:linear-gradient(135deg,#eef2ff,#f8fafc)}.slider-card{width:100%;max-width:360px;padding:32px;text-align:center;background-color:#fff;border-radius:20px;box-shadow:0 20px 40px #00000014}.toggle-button{padding:12px 22px;border:none;border-radius:12px;background-color:#059669;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.2s}.toggle-button:hover{background-color:#047857}.slider{width:120px;height:120px;position:relative;margin:28px auto 0;border:2px solid #c0c0c0;overflow:hidden}.slider .line{width:480px;height:120px;position:absolute;transition:all ease 1s}.slider .line img{display:block;width:120px;float:left}