@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--gold: #D4A853;--gold-hover: #c99630;--bg-primary: #F9F7F4;--bg-secondary: #EBE6E0;--surface: #E8E2DA;--surface-hover: #DFD8D0;--border: #D9D0C5;--text-primary: #2C2421;--text-muted: #6B6258;--text-dim: #9D9489;--green: #2E7D52;--amber: #E6A817;--red: #C9500A;--font-heading: "Barlow Condensed", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--transition-fast: .14s ease;--transition-base: .18s ease;--transition-slow: .22s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:12px;margin:0;display:flex;flex-direction:column;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--gold)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:2px;text-transform:uppercase;line-height:1.2}h1{font-size:2.5rem;letter-spacing:4px}h2{font-size:1.75rem;letter-spacing:2px}h3{font-size:1.25rem;letter-spacing:1.5px}h4,h5,h6{font-size:1rem;letter-spacing:1px}p{color:var(--text-primary);font-size:14px;line-height:1.7}a{color:var(--gold);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--gold-hover)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl)}.section{padding:var(--spacing-2xl) 0}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex;gap:var(--spacing-lg)}.flex-center{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg)}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.flex-col{display:flex;flex-direction:column;gap:var(--spacing-lg)}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{background-color:var(--surface-hover);border-color:var(--gold)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--transition-base);border:1px solid;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all var(--transition-base);border:1px solid;text-decoration:none;font-size:14px}.btn-primary{background-color:var(--gold);color:var(--bg-primary);border-color:var(--gold)}.btn-primary:hover{background-color:var(--gold-hover);border-color:var(--gold-hover);box-shadow:0 0 12px #d4a8534d}.btn-secondary{background-color:transparent;color:var(--gold);border-color:var(--gold)}.btn-secondary:hover{background-color:#d4a8531a;border-color:var(--gold-hover)}input,textarea,select{font-family:var(--font-body);background-color:var(--surface);border:1px solid var(--border);color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:14px;transition:all var(--transition-base)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 8px #d4a85333}input::placeholder,textarea::placeholder{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-in{animation:fadeIn .6s ease-out forwards}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:0 var(--spacing-lg)}.grid-2,.grid-3{grid-template-columns:1fr}}