.navigation{background:linear-gradient(135deg,#0f3460,#16213e);border-bottom:2px solid #ff006e;position:sticky;top:0;z-index:100;padding:15px 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:24px;font-weight:800;color:#ff006e;text-decoration:none;display:flex;align-items:center;gap:10px}.nav-logo:hover{opacity:.8}.nav-links{display:flex;gap:30px;align-items:center}.nav-link{color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;font-weight:600;padding:8px 15px;border-radius:6px;transition:all .3s ease}.nav-link:hover{background:#ff006e1a;color:#ff006e}.nav-link.active{background:#ff006e;color:#fff}@media (max-width: 768px){.nav-container{flex-direction:column;gap:15px}.nav-links{gap:15px;width:100%;justify-content:center}.nav-link{font-size:14px;padding:6px 12px}}.home-container{min-height:100vh;background:linear-gradient(135deg,#0f3460,#16213e);color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.datetime-widget{position:fixed;top:20px;left:20px;background:#8338ec26;border:1px solid rgba(255,0,110,.3);border-radius:12px;padding:12px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;min-width:120px;box-shadow:0 8px 32px #ff006e1a}.datetime-date{font-size:11px;color:#ffbe0b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.datetime-time{font-size:16px;color:#ff006e;font-weight:700;font-family:Monaco,Courier New,monospace;letter-spacing:.5px;margin-bottom:4px}.datetime-label{font-size:10px;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:1px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.spinner{width:50px;height:50px;border:4px solid rgba(255,0,110,.2);border-top-color:#ff006e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-header{text-align:center;margin-bottom:40px;padding:0 20px}.section-header h2{font-size:36px;margin:0 0 10px;color:#ff006e;font-weight:700}.section-header p{color:#ccc;font-size:16px;margin:0}.hero-section{position:relative;height:600px;overflow:hidden;border-radius:16px;box-shadow:0 20px 60px #ff006e33;margin:20px 40px 60px}.hero-carousel,.carousel-track{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto}.slide-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(2px);transform:scale(1.05)}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f3460b3,#16213ee6)}.slide-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px;max-width:100%;animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.slide-badge{display:inline-block;background:linear-gradient(90deg,#ff006e,#8338ec);padding:8px 16px;border-radius:24px;font-size:12px;font-weight:700;margin:0 auto 20px;width:fit-content}.slide-title{font-size:52px;font-weight:700;margin:0 auto 20px;color:#fff;line-height:1.2;text-align:center}.slide-meta{display:flex;gap:10px;align-items:center;margin-bottom:20px;color:#ccc;font-size:14px;justify-content:center;flex-wrap:wrap}.slide-cast{display:flex;align-items:center;justify-content:center;gap:8px;color:#ffbe0b;font-size:14px;margin-bottom:15px;flex-wrap:wrap}.slide-director{text-align:center;color:#ddd;font-size:14px;margin-bottom:15px;font-style:italic}.slide-platforms{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;justify-content:center}.platform-large{background:#ff006e33;border:1px solid #ff006e;color:#ff006e;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600}.slide-info{display:flex;gap:20px;align-items:center;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.info-item{display:flex;align-items:center;gap:8px;color:#ccc}.info-item.highlight{background:linear-gradient(90deg,#ff006e,#ffbe0b);color:#000;padding:8px 16px;border-radius:6px;font-weight:600}.slide-synopsis{font-size:16px;line-height:1.6;color:#ddd;max-width:700px;margin:0 auto;text-align:center}.play-trailer-btn{background:linear-gradient(90deg,#ff006e,#ffbe0b);color:#000;border:none;padding:12px 32px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;margin-top:15px;transition:all .3s ease;display:inline-block}.play-trailer-btn:hover{transform:scale(1.05);box-shadow:0 8px 20px #ff006e4d}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:#ff006e33;border:1px solid #ff006e;color:#ff006e;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:24px}.carousel-btn:hover{background:#ff006e;color:#fff;transform:translateY(-50%) scale(1.1)}.prev-btn{left:20px}.next-btn{right:20px}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}.indicator{width:12px;height:12px;border-radius:50%;background:#ffbe0b4d;border:none;cursor:pointer;transition:all .3s ease}.indicator.active{background:#ffbe0b;width:32px;border-radius:6px}.trending-section{padding:60px 40px;max-width:1400px;margin:0 auto}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-top:40px}.release-card{background:#8338ec1a;border:1px solid rgba(131,56,236,.3);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column}.release-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #ff006e33;border-color:#ff006e}.card-poster{position:relative;width:100%;aspect-ratio:2 / 3;background:#ff006e1a;overflow:hidden}.card-poster img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.release-card:hover .card-poster img{transform:scale(1.1)}.urgency-badge{position:absolute;top:10px;right:10px;background:linear-gradient(90deg,#ff006e,#ffbe0b);color:#000;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:700}.card-content{padding:20px;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.card-title{font-size:16px;font-weight:700;margin:0 0 12px;color:#ff006e;line-height:1.3}.card-rating{display:flex;align-items:center;justify-content:center;gap:6px;color:#ffbe0b;font-weight:600;margin-bottom:10px;font-size:14px}.card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;justify-content:center}.badge-type{background:#8338ec80;color:#ddd;padding:4px 10px;border-radius:4px;font-size:11px}.badge-genre{background:#ff006e33;color:#ff006e;padding:4px 10px;border-radius:4px;font-size:11px}.card-cast{display:flex;align-items:center;justify-content:center;gap:6px;color:#ffbe0b;font-size:12px;margin-bottom:10px;flex-wrap:wrap}.card-platforms{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;justify-content:center}.platform-chip{background:linear-gradient(90deg,#8338ec,#ff006e);color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600}.card-date{display:flex;align-items:center;justify-content:center;gap:6px;color:#ccc;font-size:12px;margin-bottom:10px}.card-synopsis{font-size:13px;color:#bbb;line-height:1.4;margin:0;flex:1}.trailer-btn{background:linear-gradient(90deg,#8338ec,#ff006e);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;margin-top:10px;transition:all .3s ease}.trailer-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff006e33}.this-week-section{padding:60px 40px;max-width:1400px;margin:0 auto}.week-timeline{position:relative;margin-top:40px}.week-timeline:before{content:"";position:absolute;left:40px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#ff006e,#8338ec)}.timeline-item{display:grid;grid-template-columns:100px 1fr;gap:30px;margin:0 auto 40px;position:relative;max-width:900px}.timeline-date{position:relative;text-align:center;padding:20px;background:#ff006e1a;border:1px solid rgba(255,0,110,.3);border-radius:8px;z-index:2}.timeline-date:after{content:"";position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#ff006e;border-radius:50%;border:3px solid #0f3460}.date-number{font-size:32px;font-weight:700;color:#ff006e}.date-month{font-size:12px;color:#ccc;text-transform:uppercase}.badge-today{background:#ff006e;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;margin-top:5px}.timeline-connector{display:none}.timeline-content{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px;background:#8338ec1a;border:1px solid rgba(131,56,236,.3);border-radius:8px;transition:all .3s ease}.timeline-content:hover{border-color:#ff006e;box-shadow:0 8px 24px #ff006e1a}.timeline-poster{width:100%;aspect-ratio:2 / 3;background:#ff006e1a;border-radius:6px;overflow:hidden}.timeline-poster img{width:100%;height:100%;object-fit:cover}.timeline-details{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.timeline-details h3{font-size:18px;color:#ff006e;margin:0 0 10px;font-weight:700}.details-meta{display:flex;gap:8px;color:#ccc;font-size:12px;margin-bottom:10px;justify-content:center;flex-wrap:wrap}.details-cast{display:flex;align-items:center;justify-content:center;gap:6px;color:#ffbe0b;font-size:12px;margin-bottom:10px}.details-platforms{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;justify-content:center}.platform-timeline{background:linear-gradient(90deg,#8338ec,#ff006e);color:#fff;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:600}.details-rating{display:flex;align-items:center;justify-content:center;gap:6px;color:#ffbe0b;font-weight:600;margin-bottom:10px;font-size:13px}.details-synopsis{color:#bbb;font-size:13px;line-height:1.4;margin:0;text-align:center}.trailer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.trailer-modal{position:relative;width:100%;max-width:900px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #000c}.trailer-close-btn{position:absolute;top:15px;right:15px;background:#ff006e33;border:1px solid #ff006e;color:#ff006e;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;z-index:2001;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.trailer-close-btn:hover{background:#ff006e;color:#fff}.trailer-iframe-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.trailer-iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.empty-state{text-align:center;padding:100px 20px;color:#ccc;font-size:18px}@media (max-width: 1024px){.hero-section{margin-left:20px;margin-right:20px}.slide-content{padding:40px}.slide-title{font-size:40px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.trending-section,.this-week-section{padding:40px 20px}}@media (max-width: 768px){.datetime-widget{top:15px;left:15px;padding:10px 14px}.datetime-date{font-size:10px}.datetime-time{font-size:14px}.datetime-label{font-size:9px}.hero-section{height:400px;margin-left:15px;margin-right:15px}.slide-content{padding:30px}.slide-title{font-size:32px}.slide-meta{font-size:12px}.slide-synopsis{font-size:14px}.carousel-btn{width:40px;height:40px}.carousel-btn svg{width:20px;height:20px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.timeline-item{grid-template-columns:70px 1fr;gap:20px}.timeline-content{grid-template-columns:1fr}.timeline-poster{max-height:200px}.week-timeline:before{left:30px}.timeline-date:after{right:-35px}}@media (max-width: 480px){.datetime-widget{top:10px;left:10px;padding:8px 12px;min-width:110px}.datetime-date{font-size:9px;margin-bottom:2px}.datetime-time{font-size:13px;margin-bottom:2px}.datetime-label{font-size:8px}.hero-section{height:350px;margin-bottom:40px;margin-left:10px;margin-right:10px}.slide-content{padding:20px}.slide-title{font-size:24px}.slide-badge{font-size:11px;padding:6px 12px}.slide-meta{font-size:11px}.slide-synopsis{font-size:12px}.play-trailer-btn{padding:8px 16px;font-size:12px}.carousel-btn{width:35px;height:35px;font-size:18px}.carousel-indicators{bottom:10px}.indicator{width:10px;height:10px}.indicator.active{width:24px}.section-header h2{font-size:24px}.cards-grid{grid-template-columns:1fr;gap:15px}.trending-section,.this-week-section{padding:30px 15px}.timeline-item{grid-template-columns:60px 1fr;gap:15px;margin-bottom:30px}.date-number{font-size:24px}.date-month{font-size:11px}.timeline-details h3{font-size:16px}.details-meta{font-size:11px}.details-synopsis{font-size:12px}.week-timeline:before{left:25px}.timeline-date:after{right:-32px;width:14px;height:14px}.trailer-modal{max-width:95vw}.trailer-close-btn{width:36px;height:36px;font-size:20px}}@media (max-width: 320px){.slide-title{font-size:20px}.cards-grid{gap:10px}.timeline-item{grid-template-columns:50px 1fr;gap:10px}}.release-calendar-container{min-height:100vh;background:linear-gradient(135deg,#0f3460,#16213e);color:#fff;padding:40px 20px;font-family:Inter,sans-serif}.calendar-header{text-align:center;margin-bottom:40px}.calendar-header h1{font-size:36px;margin:0 0 10px;color:#ff006e;font-weight:700}.calendar-header p{color:#ccc;font-size:16px;margin:0}.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#ff006e1a;border:1px solid #ff006e;border-radius:12px;padding:20px;max-width:800px;margin-left:auto;margin-right:auto}.calendar-nav h2{margin:0;font-size:24px;color:#ffbe0b;flex:1;text-align:center}.nav-btn{background:linear-gradient(90deg,#8338ec,#ff006e);border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff006e4d}.calendar-grid{max-width:1000px;margin:0 auto 40px;background:#ff006e0d;border:1px solid rgba(255,0,110,.2);border-radius:12px;padding:20px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:15px}.weekday{text-align:center;font-weight:700;color:#ffbe0b;padding:10px;font-size:14px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.calendar-day{aspect-ratio:1;background:#8338ec1a;border:1px solid rgba(131,56,236,.3);border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:all .3s ease;min-height:80px}.calendar-day.empty{background:transparent;border:none}.calendar-day.has-releases{background:linear-gradient(135deg,#ff006e33,#8338ec33);border-color:#ff006e;cursor:pointer;box-shadow:0 0 8px #ff006e33}.calendar-day.has-releases:hover{background:linear-gradient(135deg,#ff006e4d,#8338ec4d);transform:translateY(-4px);box-shadow:0 8px 16px #ff006e4d}.day-number{font-weight:700;font-size:16px;color:#fff}.release-count{margin-top:5px}.count-badge{background:linear-gradient(90deg,#ff006e,#ffbe0b);color:#000;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.loading{text-align:center;padding:40px;color:#ccc;font-size:18px}.calendar-info{max-width:1000px;margin:0 auto;display:flex;justify-content:center;gap:40px;background:#ffbe0b1a;border:1px solid #ffbe0b;border-radius:8px;padding:20px}.calendar-info p{margin:0;color:#ffbe0b;font-weight:600}.calendar-info strong{color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#0f3460,#16213e);border:2px solid #ff006e;border-radius:16px;max-width:800px;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #ff006e4d;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,0,110,.3);background:#ff006e1a}.modal-header h2{margin:0;color:#ff006e;font-size:24px}.close-btn{background:none;border:none;color:#ccc;font-size:24px;cursor:pointer;padding:0 10px;transition:color .3s ease}.close-btn:hover{color:#ff006e}.modal-body{padding:20px;max-height:60vh;overflow-y:auto}.releases-list{display:flex;flex-direction:column;gap:20px}.release-item{display:flex;gap:20px;padding:15px;background:#8338ec1a;border:1px solid rgba(131,56,236,.3);border-radius:8px}.release-poster-small{flex-shrink:0;width:80px;height:120px;background:#ff006e1a;border-radius:6px;overflow:hidden}.release-poster-small img{width:100%;height:100%;object-fit:cover}.release-details{flex:1}.release-details h3{margin:0 0 12px;color:#ff006e;font-size:18px}.info-row{display:flex;gap:10px;margin-bottom:8px;font-size:14px;flex-wrap:wrap}.info-row .label{color:#ffbe0b;font-weight:600;min-width:100px}.info-row span:not(.label){color:#ccc}.info-row .description{color:#ccc;font-size:14px;line-height:1.4;margin:5px 0 0}.platforms{display:flex;gap:8px;flex-wrap:wrap}.platform-badge{background:linear-gradient(90deg,#8338ec,#ff006e);color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600}.no-releases{text-align:center;color:#ccc;padding:40px;margin:0}.modal-footer{padding:20px;border-top:1px solid rgba(255,0,110,.3);background:#ff006e0d;display:flex;justify-content:flex-end}.close-modal-btn{background:linear-gradient(90deg,#8338ec,#ff006e);border:none;color:#fff;padding:10px 30px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.close-modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff006e4d}@media (max-width: 768px){.calendar-nav{flex-direction:column;gap:15px}.calendar-day{min-height:60px;font-size:12px}.calendar-info{flex-direction:column;gap:15px}.release-item{flex-direction:column}.modal-header h2{font-size:18px}}.news-feed{background:linear-gradient(135deg,#0f3460,#16213e);min-height:100vh;color:#fff;padding:40px 20px}.page-header{text-align:center;margin-bottom:50px}.page-header h1{font-size:36px;font-weight:800;margin:0 0 10px}.page-header p{font-size:16px;color:#b0b0b0;margin:0}.articles-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;margin:0 auto}.article-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;height:550px}.article-card:hover{transform:translateY(-8px);border-color:#ff006e;box-shadow:0 15px 40px #ff006e4d}.article-card-image{width:100%;height:280px;background:#000;overflow:hidden}.article-card-image img{width:100%;height:100%;object-fit:cover}.article-card-image img:hover{transform:scale(1.05);transition:transform .3s}.article-card-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.article-source{color:#ff006e;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:12px}.article-card-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-card-description{font-size:14px;color:#d0d0d0;margin:0 0 auto;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.article-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);margin-top:12px}.article-date{font-size:12px;color:#999}.read-more{color:#ff006e;font-size:12px;font-weight:600}.loading,.no-articles{grid-column:1 / -1;text-align:center;padding:60px;font-size:18px;color:#999}@media (max-width: 1024px){.articles-grid{grid-template-columns:1fr}}@media (max-width: 768px){.page-header h1{font-size:28px}.articles-grid{grid-template-columns:1fr;gap:20px}.article-card{height:auto}.article-card-image{height:220px}}.article-detail-container{min-height:100vh;background:linear-gradient(135deg,#0f3460,#16213e);color:#fff;padding:20px;font-family:Inter,sans-serif}.article-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}.article-header h1{font-size:28px;font-weight:700;margin:0;text-align:center;flex:1}.back-button{display:flex;align-items:center;gap:8px;background:#ff006e1a;border:1px solid rgba(255,0,110,.3);color:#ff006e;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.back-button:hover{background:#ff006e33;border-color:#ff006e;transform:translate(-4px)}.header-spacer{width:80px}.article-content{max-width:800px;margin:0 auto;background:#ffffff0d;border-radius:16px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.article-image-container{margin:-40px -40px 30px;border-radius:16px 16px 0 0;overflow:hidden;max-height:400px}.article-image{width:100%;height:100%;object-fit:cover;display:block}.article-metadata{display:flex;gap:30px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.metadata-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#b0b0b0}.metadata-icon{width:18px;height:18px;color:#ff006e}.article-title{font-size:32px;font-weight:800;margin:20px 0;line-height:1.4;color:#fff}.article-body{margin:30px 0}.article-description{font-size:16px;line-height:1.8;color:#d0d0d0;margin:0}.source-info-box{background:#ff006e1a;border:1px solid rgba(255,0,110,.3);border-radius:12px;padding:20px;margin:30px 0}.source-info h3{margin:0 0 15px;color:#ff006e;font-size:16px}.source-info p{margin:10px 0;font-size:14px;color:#d0d0d0}.source-info a{color:#ff006e;text-decoration:none;word-break:break-all}.source-info a:hover{text-decoration:underline}.cta-section{display:flex;flex-direction:column;gap:15px;margin:40px 0}.read-full-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#ff006e,#ff4d99);color:#fff;padding:14px 30px;border-radius:8px;text-decoration:none;font-weight:700;font-size:16px;border:none;cursor:pointer;transition:all .3s ease}.read-full-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff006e4d}.read-full-button:active{transform:translateY(0)}.read-full-button svg{width:18px;height:18px}.disclaimer{font-size:13px;color:#999;text-align:center;margin:0}.loading-state{display:flex;justify-content:center;align-items:center;min-height:60vh}.loading-state p{font-size:18px;color:#999}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.not-found h2{font-size:28px;margin-bottom:15px}.not-found p{color:#999;margin-bottom:30px;font-size:16px}.primary-btn{background:linear-gradient(135deg,#ff006e,#ff4d99);color:#fff;padding:12px 30px;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff006e4d}.article-footer{text-align:center;margin-top:40px;padding-top:20px}.back-button-footer{display:inline-flex;align-items:center;gap:8px;background:#ff006e1a;border:1px solid rgba(255,0,110,.3);color:#ff006e;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.back-button-footer:hover{background:#ff006e33;border-color:#ff006e;transform:translate(-4px)}@media (max-width: 768px){.article-header{flex-direction:column;gap:15px;margin-bottom:30px}.header-spacer{display:none}.article-content{padding:20px}.article-image-container{margin:-20px -20px 20px}.article-title{font-size:24px}.article-metadata{gap:15px}.article-description{font-size:15px}}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f3460,#16213e)}.main-content{flex:1;padding-bottom:40px}:root{--primary: #ff006e;--secondary: #8338ec;--accent: #ffbe0b;--dark: #0f3460;--darker: #1a1a2e;--border: #333;--text: #fff;--text-muted: #aaa}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f3460;color:#fff;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Epilogue,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#ff006e;border-radius:5px}