:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#021027,#05245f);color:#e7f2ff;justify-content:center;align-items:center}#root{width:100%;display:flex;justify-content:center}.wrapper{width:90%;max-width:650px;text-align:center}.title{font-size:32px;margin-bottom:25px;color:#6ecbff;text-shadow:0 0 15px rgba(110,203,255,.4)}.card{background:#ffffff0d;padding:30px;border-radius:18px;box-shadow:0 8px 25px #0006;position:relative;color:#e7f2ff}.quote-text{font-size:24px;font-weight:300;margin:20px 0;line-height:1.4;opacity:0;animation:fadeIn .6s forwards}.quote-author{font-size:20px;opacity:.8;margin-top:10px;font-style:italic;color:#e7f2ff}.quote-icon{font-size:26px;color:#69caff}.quote-icon.left{position:absolute;top:15px;left:20px}.quote-icon.right{position:absolute;bottom:15px;right:20px}.btn{margin-top:25px;padding:14px 26px;font-size:18px;border-radius:10px;background:#0c4aa8;border:none;color:#dff3ff;cursor:pointer;width:70%;transition:.25s}.btn:hover{background:#1462d0;transform:translateY(-3px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}