:root{--primary-start: #667eea;--primary-end: #764ba2;--primary-500: #667eea;--primary-600: #5568d3;--primary-700: #4452bc;--accent-start: #f093fb;--accent-end: #f5576c;--accent-500: #f093fb;--accent-600: #ee6fa8;--accent-700: #eb4b55;--gradient-primary: linear-gradient(135deg, var(--primary-start) 0%, var(--primary-end) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);--gradient-primary-reverse: linear-gradient(315deg, var(--primary-start) 0%, var(--primary-end) 100%);--bg-base: #0f0f15;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1e3a5f;--bg-card-hover: #243659;--bg-input: #0d2438;--bg-button: #2a5298;--text-primary: #ffffff;--text-secondary: #b8bcc8;--text-tertiary: #7a8394;--text-muted: #5a6370;--border-color: #3a4a5f;--border-color-light: #2a3a4f;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--glass-bg: rgba(30, 58, 95, 0.7);--glass-border: rgba(58, 74, 95, 0.5);--glass-backdrop: blur(10px)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-glow: 0 0 20px rgba(102, 126, 234, 0.4);--shadow-glow-accent: 0 0 20px rgba(240, 147, 251, 0.4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.06)}:root{--duration-75: 75ms;--duration-100: 100ms;--duration-150: 150ms;--duration-200: 200ms;--duration-300: 300ms;--duration-500: 500ms;--duration-700: 700ms;--duration-1000: 1000ms;--ease-linear: linear;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1)}:root{--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080}:root{--transition-fast: var(--duration-150) var(--ease-out);--transition-base: var(--duration-300) var(--ease-out);--transition-slow: var(--duration-500) var(--ease-out);--aspect-video: auto 3 / 4;--aspect-square: 1;--aspect-wide: auto 16 / 9}.new-page .new-header{padding:3rem 1rem;background:var(--gradient-primary);color:#fff;margin-bottom:2rem}@media(max-width: 767px){.new-page .new-header{padding:2rem 1rem;margin-bottom:1.5rem}}.new-page .new-header .new-title{font-size:2.25rem;font-weight:700;margin-bottom:1rem}@media(max-width: 767px){.new-page .new-header .new-title{font-size:1.5rem}}.new-page .new-header .new-subtitle{font-size:1rem;opacity:.9}.new-page .new-container{padding:0 1rem;margin-bottom:2rem}@media(max-width: 767px){.new-page .new-container{padding:0 1rem;margin-bottom:1.5rem}}.new-page .new-filters{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--bg-card);border-radius:1rem;flex-wrap:wrap}@media(max-width: 767px){.new-page .new-filters{margin-bottom:1.5rem}}.new-page .new-filters .filter-item{display:flex;align-items:center;gap:.5rem}.new-page .new-filters .filter-item label{color:var(--text-secondary);font-weight:500;white-space:nowrap}.new-page .new-filters .filter-item select{padding:.5rem .75rem;border:1px solid var(--border-color-light);background:var(--bg-input);color:var(--text-primary);border-radius:.75rem;outline:none}.new-page .new-filters .filter-item select:focus{border-color:var(--primary-500)}.new-page .new-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:1.5rem}@media(min-width: 1024px){.new-page .new-list{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 768px){.new-page .new-list{grid-template-columns:repeat(3, 1fr);gap:1rem}}@media(max-width: 479px){.new-page .new-list{grid-template-columns:repeat(2, 1fr);gap:.75rem}}.new-page .new-list .new-item{position:relative;border-radius:1rem;overflow:hidden}.new-page .new-list .new-item .item-poster{aspect-ratio:3/4;background:var(--bg-secondary);overflow:hidden}.new-page .new-list .new-item .item-poster img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.new-page .new-list .new-item .item-info{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);color:#fff}.new-page .new-list .new-item .item-info .item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;font-weight:600;margin-bottom:.5rem}.new-page .new-list .new-item .item-info .item-date{font-size:.75rem;opacity:.8}.new-page .new-list .new-item .item-info .item-status{display:inline-block;margin-top:.5rem;padding:.25rem .5rem;background:var(--primary-500);color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:600}.new-page .new-list .new-item:hover .item-poster img{transform:scale(1.08)}.new-page .new-timeline{position:relative;padding-left:3rem}@media(max-width: 767px){.new-page .new-timeline{padding-left:2rem}}.new-page .new-timeline::before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:var(--gradient-primary)}.new-page .new-timeline .timeline-item{position:relative;margin-bottom:2rem}@media(max-width: 767px){.new-page .new-timeline .timeline-item{margin-bottom:1.5rem}}.new-page .new-timeline .timeline-item::before{content:"";position:absolute;left:-2rem;top:.75rem;width:1rem;height:1rem;background:var(--gradient-primary);border-radius:50%;border:4px solid var(--bg-base)}@media(max-width: 767px){.new-page .new-timeline .timeline-item::before{left:calc(-1.5rem + 2px);width:.75rem;height:.75rem;border-width:3px}}.new-page .new-timeline .timeline-item .timeline-date{font-size:.875rem;font-weight:600;color:var(--primary-500);margin-bottom:.5rem}.new-page .new-timeline .timeline-item .timeline-content{padding:1rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem}.new-page .new-timeline .timeline-item .timeline-content .timeline-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.new-page .new-timeline .timeline-item .timeline-content .timeline-desc{color:var(--text-secondary);font-size:.875rem}