.history-page-header{display:flex;justify-content:space-between;align-items:center;padding:30px;margin-bottom:40px}.history-header-content h1{margin:0 0 10px 0;font-family:var(--font-heading);color:#fff}.history-header-content p{margin:0;color:var(--text-muted)}.history-date-badge{background:var(--bg-input);border:1px solid var(--primary-neon);border-radius:12px;padding:10px 20px;text-align:center;min-width:80px;box-shadow:0 0 15px rgba(6,182,212,0.2)}.badge-month{display:block;color:var(--primary-neon);font-weight:bold;text-transform:uppercase;font-size:0.9em}.badge-day{display:block;font-size:2.2em;font-weight:700;color:#fff;line-height:1}.section-title{font-family:var(--font-heading);color:var(--secondary-neon);margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:10px}.history-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;list-style:none;padding:0;margin:0}.history-card{background:var(--bg-card);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.3s,border-color 0.3s;height:100%}.history-card:hover{transform:translateY(-5px);border-color:var(--primary-neon);box-shadow:0 10px 20px rgba(0,0,0,0.3)}.history-card-img{width:100%;height:180px;background-color:#0f172a;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.05);flex-shrink:0}.history-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;opacity:0.9;display:block}.history-card:hover .history-card-img img{transform:scale(1.1);opacity:1}.history-card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.history-year-tag{align-self:flex-start;background:var(--primary-neon);color:#000;padding:3px 8px;border-radius:4px;font-weight:bold;font-size:0.85em;margin-bottom:10px}.history-title-text{color:#e2e8f0;font-size:1em;line-height:1.5;margin:0 0 15px 0;font-weight:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.history-read-more{background:none;border:none;color:var(--text-muted);font-size:0.85em;cursor:pointer;padding:0;text-align:left;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:5px;transition:0.2s;margin-top:auto}.history-read-more:hover{color:var(--primary-neon);gap:10px}.history-loading{grid-column:1 / -1;text-align:center;padding:40px;color:var(--text-muted)}