:root{--primary-navy: #002244;--primary-red: #DC143C;--accent-white: #FFFFFF;--field-green: #228B22;--dirt-brown: #8B4513;--warning-yellow: #FFD700;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--success: var(--field-green);--error: var(--primary-red);--warning: var(--warning-yellow);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--gray-800);background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.header{background:linear-gradient(135deg,var(--primary-navy) 0%,#003366 100%);color:var(--accent-white);padding:var(--spacing-2xl) 0;text-align:center;box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-2xl)}.title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-sm)}.subtitle{font-size:var(--font-size-lg);opacity:.9;font-weight:300}.search-section{margin-bottom:var(--spacing-xl)}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);border:2px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--accent-white);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.search-input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #dc143c1a}.search-input::placeholder{color:var(--gray-300)}.category-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);justify-content:center}.category-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent-white);border:2px solid var(--dirt-brown);color:var(--dirt-brown);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base)}.category-btn:hover{background:var(--dirt-brown);color:var(--accent-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-btn.active{background:var(--primary-red);border-color:var(--primary-red);color:var(--accent-white)}.terms-container,.category-section{margin-bottom:var(--spacing-2xl)}.category-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:3px solid var(--primary-red)}.terms-list{display:grid;gap:var(--spacing-md)}.term-card{background:var(--accent-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--primary-red);transition:all var(--transition-base)}.term-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.term-card.hidden{display:none}.term-name{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-navy);margin-bottom:var(--spacing-sm)}.term-analogy{font-size:var(--font-size-base);color:var(--gray-700);line-height:1.6}.no-results{text-align:center;padding:var(--spacing-2xl);color:var(--gray-600);font-size:var(--font-size-lg)}.submit-section{text-align:center;margin-bottom:var(--spacing-2xl)}.submit-btn{padding:var(--spacing-md) var(--spacing-2xl);background:var(--field-green);color:var(--accent-white);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.submit-btn:hover{background:#1a6e1a;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal.hidden{display:none}.modal-content{background:var(--accent-white);padding:var(--spacing-2xl);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl)}.close-modal{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);font-size:var(--font-size-3xl);color:var(--gray-600);cursor:pointer;line-height:1;transition:color var(--transition-fast)}.close-modal:hover{color:var(--primary-red)}.modal-content h2{font-size:var(--font-size-2xl);color:var(--primary-navy);margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-sm)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-md);border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);transition:border-color var(--transition-base)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-red)}.form-group small{display:block;margin-top:var(--spacing-xs);color:var(--gray-600);font-size:var(--font-size-sm)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.btn-primary,.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-primary{background:var(--primary-red);color:var(--accent-white)}.btn-primary:hover{background:#b01030;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.alert.hidden{display:none}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.footer{background:var(--primary-navy);color:var(--accent-white);padding:var(--spacing-xl) 0;text-align:center;margin-top:auto}.footer p{margin:var(--spacing-sm) 0;opacity:.9}.footer a{color:var(--warning-yellow);text-decoration:none;transition:opacity var(--transition-fast)}.footer a:hover{opacity:.8;text-decoration:underline}@media (max-width: 768px){.title{font-size:var(--font-size-3xl)}.subtitle{font-size:var(--font-size-base)}.category-filter{justify-content:flex-start}.category-btn{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-md)}.modal-content{padding:var(--spacing-lg)}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--gray-600)}.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.hidden{display:none!important}.text-center{text-align:center}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}