:root{--primary-color:#667eea;--secondary-color:#764ba2;--text-color:#333}.calendar-container{align-items:center;background:#f8f8f8;display:flex;justify-content:center;min-height:100vh}.calendar-box{animation:fadeIn .6s ease-out;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);display:flex;display:grid;flex-direction:column;grid-template-rows:auto auto 1fr auto;height:720px;max-height:80vh;max-width:900px;min-height:720px;overflow-y:auto;overflow:hidden;padding:40px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.calendar-header{margin-bottom:40px;text-align:center}h1{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;font-size:2rem;-webkit-text-fill-color:transparent;animation:slideDown .8s ease-out;margin-bottom:10px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.subtitle{animation:slideDown .8s ease-out .2s both;color:#666;font-size:1rem}.calendar-nav{align-items:center;background:#f8f9fa;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:30px;padding:10px}.nav-btn{background:none;border:none;border-radius:10px;color:var(--primary-color);cursor:pointer;font-size:1.5rem;padding:10px 20px;transition:all .3s ease}.nav-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.current-month{color:var(--text-color);font-size:1.5rem;font-weight:600}.calendar-grid{display:grid;gap:10px;grid-template-columns:repeat(7,1fr)}.day-header{color:var(--primary-color);font-size:.9rem;font-weight:600;padding:15px 0;text-align:center}.calendar-day{aspect-ratio:1.9;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;overflow:hidden;padding:10px;position:relative;transition:all .3s ease;width:auto}.calendar-day:hover{border-color:var(--primary-color);box-shadow:0 10px 20px rgba(102,126,234,.2);transform:translateY(-5px)}.day-number{color:var(--text-color);font-size:1.1rem;font-weight:600}.other-month{background:#fafafa;opacity:.3}.has-event{animation:pulse 2s infinite;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)!important;border:none;color:#fff}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(102,126,234,.7)}70%{box-shadow:0 0 0 10px rgba(102,126,234,0)}to{box-shadow:0 0 0 0 rgba(102,126,234,0)}}.has-event .day-number{color:#fff}.event-indicator{animation:blink 1.5s infinite;background:gold;border-radius:50%;bottom:5px;height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.event-preview{font-size:.7rem;margin-top:-3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-launches{margin-top:40px}.upcoming-header{color:var(--text-color);font-size:1.8rem;margin-bottom:20px;text-align:center}.launch-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.launch-card{background:#fff;border:2px solid transparent;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.08);overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.launch-card:before{background:linear-gradient(45deg,transparent,rgba(102,126,234,.1),transparent);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.launch-card:hover:before{animation:shimmer .6s ease}@keyframes shimmer{0%{opacity:0;transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{opacity:1}to{opacity:0;transform:translateX(100%) translateY(100%) rotate(45deg)}}.launch-card:hover{border-color:var(--primary-color);box-shadow:0 15px 30px rgba(102,126,234,.2);transform:translateY(-5px)}.launch-date{color:var(--primary-color);font-size:.9rem}.launch-date,.launch-title{font-weight:600;margin-bottom:10px}.launch-title{color:var(--text-color);font-size:1.3rem}.launch-description{color:#666;font-size:.95rem;line-height:1.6}.badge-new{animation:bounce 1s infinite;background:#ff4757;border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-left:10px;padding:4px 12px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.today{background:#ffeaa7;font-weight:700}.modal{align-items:center;backdrop-filter:blur(5px);background:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:modalSlide .3s ease-out;background:#fff;border-radius:20px;max-width:500px;padding:40px;position:relative;width:90%}@keyframes modalSlide{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.close-modal{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:20px;transition:all .3s ease}.close-modal:hover{color:var(--text-color);transform:rotate(90deg)}@media (max-width:768px){.calendar-container{padding:70px 0 20px}h1{font-size:2rem}.calendar-grid{gap:5px}.calendar-day{aspect-ratio:1.3;font-size:.8rem;padding:5px}.launch-cards{grid-template-columns:1fr}}.main-wrapper{display:flex;gap:20px;height:720px;max-width:1600px;width:90%}.sidebar{animation:slideInLeft .6s ease-out;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow-x:hidden;overflow-y:auto;padding:30px 20px;width:300px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.sidebar::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.sidebar-title{color:#333;font-size:1.3rem;padding-bottom:15px}.month-divider,.sidebar-title{font-weight:600;text-align:center}.month-divider{background:#f8f9fa;border-radius:8px;color:var(--primary-color);font-size:1.1rem;margin:20px 0 15px;padding:10px}.month-divider:first-of-type{margin-top:0}.event-card{animation:fadeInUp .4s ease-out;background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.05);cursor:pointer;margin-bottom:15px;padding:15px;transition:all .3s ease}@keyframes fadeInUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}.event-card:hover{border-color:var(--primary-color);box-shadow:0 8px 20px rgba(102,126,234,.15);transform:translateY(-3px)}.event-card-date{color:var(--primary-color);font-size:.85rem;font-weight:600;margin-bottom:5px}.event-card-title{color:#333;font-size:1rem;font-weight:500;margin-bottom:5px}.event-card-desc{color:#666;font-size:.8rem;line-height:1.4}.event-card.new-event{border-left:4px solid var(--secondary-color)}.no-events{color:#999;font-size:.9rem;padding:40px 20px;text-align:center}@media (max-width:1024px){.main-wrapper{flex-direction:column;height:auto}.sidebar{height:300px;order:2;width:100%}.calendar-box{order:1}.calendar-container{padding:70px 0 20px}}.past-day{opacity:.3}#modalTitle{font-size:1.8rem}#modalDescription{font-size:1.3rem;line-height:2.2}.modal-link{font-weight:600}#modalDate{font-size:1.5rem;margin-bottom:5px}