.app{flex-direction:column;align-items:center;height:100vh;transition:background-color .5s;display:flex;overflow:hidden}.header{text-align:center;margin-top:40px;margin-bottom:20px}.header h1{letter-spacing:1px;margin-bottom:10px;font-size:42px;font-weight:700}.header p{opacity:.7;font-size:18px}.quote-container{flex:1;justify-content:center;align-items:center;width:100%;display:flex;transform:translateY(-60px)}.quote-card{text-align:center;border:1px solid #ffffff40;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:600px;min-height:30px;padding:50px;transition:background-color .5s;display:flex;box-shadow:0 10px 30px #00000026}.quote{color:#fff;margin-bottom:25px;font-size:28px;font-weight:500;line-height:1.6}.author{color:#fff;opacity:.85;margin-bottom:35px;font-size:17px}.actions{gap:15px;display:flex}.actions button{cursor:pointer;color:#fff;border:1px solid #fff9;border-radius:10px;padding:12px 22px;font-size:15px;transition:transform .2s,box-shadow .2s}.actions button:hover{border-color:#ffffffe6;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.actions button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}@media (width<=600px){.quote-card{padding:30px 20px}.quote{font-size:22px}.actions{flex-direction:column;width:100%}.actions button{width:100%}}.error{color:#fff;margin-bottom:20px;font-size:15px}