@font-face{font-family:Rubik;src:url(/fonts/Rubik-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/Rubik-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/Rubik-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Lateef;src:url(/fonts/Lateef-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--rubik-font: "Rubik", sans-serif;--lateef-font: "Lateef", serif;--radius: 12px;--transition: .2s ease;--bg: #f8faf9;--surface: #ffffff;--text: #1c1917;--border: #d1d5db;--muted: #4b5563;--primary: #16a34a;--shadow: 0 10px 30px rgba(0, 0, 0, .08);--gradient-start: #f0fdf4;--gradient-end: #dcfce7}html[data-theme=dark]{--bg: #1a1a1a;--surface: #2d2d2d;--text: #f5f5f0;--border: #444444;--muted: #aaaaaa;--primary: #22c55e;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--gradient-start: #2d2d2d;--gradient-end: #1a1a1a}*{box-sizing:border-box}html,body{padding:0;margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--rubik-font),system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;transition:background var(--transition),color var(--transition)}main{min-height:100dvh;display:flex;flex-direction:column}.container{padding-inline:1rem;margin-inline:auto;max-width:1200px}.card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--surface);box-shadow:var(--shadow);transition:background var(--transition),border-color var(--transition),color var(--transition)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius);background:var(--primary);color:#fff;font-weight:600;border:none;cursor:pointer;transition:background var(--transition),opacity var(--transition)}.btn:hover{opacity:.9}