@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@300;400;500;600&family=Barlow+Condensed:wght@500;700&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--red:#c8102e;--red-dark:#9e0b23;--red-light:#f0c0c8;--black:#0f0f0f;--charcoal:#1e1e1e;--slate:#2e2e2e;--mid:#555;--muted:#888;--border:#2a2a2a;--border-light:#e5e5e5;--surface:#181818;--surface-light:#f8f8f8;--white:#fff;--font-display:"Bebas Neue","Barlow Condensed",sans-serif;--font-body:"Barlow",sans-serif;--font-ui:"Barlow Condensed",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased}body{min-height:100vh}.font-display{font-family:var(--font-display);letter-spacing:.03em}.font-ui{font-family:var(--font-ui);letter-spacing:.04em}input,select,textarea{font-family:var(--font-body);background:var(--slate);border:1px solid var(--border);color:var(--white);border-radius:6px;padding:10px 14px;font-size:15px;width:100%;transition:border-color .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--red)}input::placeholder,textarea::placeholder{color:var(--muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--slate);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--mid)}@layer components{.btn-primary{@apply inline-flex items-center justify-center gap-2 px-6 py-3 text-white font-semibold rounded-lg transition-all duration-150 cursor-pointer;background:var(--red);font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;font-size:14px}.btn-primary:hover{background:var(--red-dark);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{@apply inline-flex items-center justify-center gap-2 px-6 py-3 font-semibold rounded-lg transition-all duration-150 cursor-pointer;background:var(--slate);color:var(--white);font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;font-size:14px;border:1px solid var(--border)}.btn-secondary:hover{background:var(--mid);border-color:var(--mid)}.btn-ghost{@apply inline-flex items-center justify-center gap-2 px-4 py-2 font-medium rounded-lg transition-all duration-150 cursor-pointer;color:var(--muted);font-size:14px;background:transparent}.btn-ghost:hover{color:var(--white);background:var(--slate)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.card-light{background:var(--white);border:1px solid var(--border-light);border-radius:12px;padding:24px;color:var(--black)}.badge{@apply inline-flex items-center px-2.5 py-0.5 rounded text-xs font-semibold;font-family:var(--font-ui);letter-spacing:.05em;text-transform:uppercase}.badge-red{background:rgba(200,16,46,.15);color:#f46}.badge-green{background:rgba(34,197,94,.15);color:#4ade80}.badge-yellow{background:rgba(234,179,8,.15);color:#facc15}.badge-gray{background:hsla(0,0%,100%,.1);color:var(--muted)}.input-label{display:block;font-family:var(--font-ui);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.divider{border:none;border-top:1px solid var(--border);margin:24px 0}}video{width:100%;border-radius:8px;background:#000}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn .2s ease-out}.star-rating button{background:none;border:none;cursor:pointer;padding:2px;font-size:24px;transition:transform .1s}.star-rating button:hover{transform:scale(1.2)}