@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700&family=Poppins:wght@400;500&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,sans-serif;background:#3e63dd;color:#1f2544;min-height:100vh;position:relative}body:before{content:"";position:absolute;width:380px;height:380px;background:#ffcb47;border-radius:63% 37% 54% 46%/55% 45%;top:20px;left:50%;transform:translate(-50%);z-index:0}body:has(.page-wide):before{display:none}.page{position:relative;z-index:1;max-width:420px;margin:60px auto;padding:32px;background:#fff;border-radius:24px;box-shadow:0 20px 40px #00000026}.page-wide{max-width:720px;background:#1f2544;color:#fff}h1{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:22px;margin-top:0;color:#1f2544}.page-wide h1{color:#fff}.quote{font-size:14px;color:#5b5f7a;margin-top:-8px;margin-bottom:8px;line-height:1.4}label{display:block;font-size:13px;color:#9a9dae;margin-bottom:4px;margin-top:14px}.page-wide label{color:#a9adc9}input{width:100%;padding:11px 14px;border:1.5px solid #e7e8f0;border-radius:24px;font-size:14px;font-family:inherit}button{margin-top:20px;width:100%;padding:12px;background:#ffcb47;color:#1f2544;border:none;border-radius:24px;font-family:"Baloo 2",sans-serif;font-weight:600;font-size:15px;cursor:pointer}button:hover{background:#f5bd2e}.page-wide button{background:#3e63dd;color:#fff}.page-wide button:hover{background:#3454c2}button.secondary{background:#e6e8ec;color:#333;width:auto;padding:6px 14px;margin-top:0;font-size:13px;font-family:Poppins,sans-serif;font-weight:400;border-radius:8px}.page-wide button.secondary{background:#333a5c;color:#d3d5e6}.error{margin-top:14px;padding:10px;background:#fdecec;color:#a32d2d;border-radius:12px;font-size:13px}.result{margin-top:20px;padding:16px;background:#eaf3de;color:#27500a;border-radius:12px;font-size:15px;text-transform:capitalize}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}table{width:100%;border-collapse:collapse;margin-top:16px;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #eee}.page-wide th,.page-wide td{border-bottom:1px solid #333a5c;color:#d3d5e6}th{color:#555;font-weight:500}.page-wide th{color:#8a8fa8}