*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh;font-family:Inter,Arial,sans-serif;line-height:1.6}h1{color:gold;margin-bottom:1rem;font-size:2.5rem;font-weight:700}h2{color:#fff;margin-bottom:1rem;font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:500}.navbar{z-index:1000;backdrop-filter:blur(10px);background:#050514f5;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.play-intro-btn{color:#081018;cursor:pointer;transform-origin:50%;background:linear-gradient(90deg,gold 0%,#ffb400 50%,#ff8a00 100%);border:none;border-radius:999px;align-items:center;gap:.6rem;padding:.45rem .9rem;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .15s;display:inline-flex;box-shadow:0 6px 18px #ffa60038,0 2px 6px #00000073}.play-intro-btn .play-icon{justify-content:center;align-items:center;width:1.05rem;height:1.05rem;display:inline-flex}.play-intro-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 10px 28px #ffa60052,0 4px 10px #00000080}.play-intro-btn:active{transform:translateY(-1px)scale(.995)}.play-intro-btn:focus{outline:none;box-shadow:0 0 0 4px #ffc8502e,0 8px 20px #00000073}.play-intro-btn.pulse{animation:2.2s infinite pulseGlow}@keyframes pulseGlow{0%{box-shadow:0 6px 18px #ffa60038}50%{box-shadow:0 14px 36px #ffa60047}to{box-shadow:0 6px 18px #ffa60038}}@media (width<=420px){.play-intro-btn{gap:.4rem;padding:.35rem .65rem}.play-intro-btn .play-text{display:none}}.nav-left{flex:auto;align-items:center;gap:2rem;display:flex}.nav-links{flex-wrap:nowrap;align-items:center;gap:1.5rem;list-style:none;display:flex}.nav-links a{color:#fff;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:gold}.logo{font-size:1.7rem;font-weight:800;text-decoration:none;color:gold!important}.nav-right{flex:none;align-items:center;gap:1rem;display:flex}.welcome{color:gold;white-space:nowrap;font-weight:600}#logoutBtn{color:gold;cursor:pointer;background:0 0;border:1px solid gold;border-radius:6px;padding:.4rem .8rem;transition:all .2s}#logoutBtn:hover{color:#111;background:gold}main{max-width:1200px;margin:0 auto;padding:2rem}section{-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 8px 32px #0003}.hero-slider-container{background:#000;border-radius:16px;width:100%;height:450px;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009}.hero-slide{opacity:0;visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;animation:25s infinite heroFadeInOut;display:flex;position:absolute;top:0;left:0}.hero-slide:first-child{animation-delay:0s}.hero-slide:nth-child(2){animation-delay:5s}.hero-slide:nth-child(3){animation-delay:10s}.hero-slide:nth-child(4){animation-delay:15s}.hero-slide:nth-child(5){animation-delay:20s}@keyframes heroFadeInOut{0%{opacity:0;visibility:hidden}4%{opacity:1;visibility:visible}20%{opacity:1;visibility:visible}24%{opacity:0;visibility:hidden}to{opacity:0;visibility:hidden}}.hero-backdrop{object-fit:cover;z-index:1;filter:brightness(.4);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;text-align:center;color:#fff;max-width:800px;padding:2rem;position:relative}.hero-content h1{text-shadow:2px 2px 8px #000c;color:gold;margin-bottom:1rem;font-size:3rem}.hero-content p{text-shadow:1px 1px 4px #000c;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.5;display:-webkit-box;overflow:hidden}.movies-grid,.movie-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:1.5rem!important;display:grid!important}.movie-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:1rem!important;margin-bottom:0!important;padding:1rem 0 2rem!important;display:flex!important;overflow-x:auto!important}.movie-carousel::-webkit-scrollbar{display:none}.movie-carousel .movie-card{scroll-snap-align:start;flex:0 0 200px}.movie-card{-webkit-backdrop-filter:blur(8px);text-align:center;background:#1b1b2f99;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;padding:1rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.movie-card:hover{border-color:#ffd7004d;transform:translateY(-8px)scale(1.02);box-shadow:0 15px 35px #ffd70026}.movie-poster,.movie-card img{object-fit:cover;aspect-ratio:2/3;background:#111;border-radius:10px;flex:none;width:100%;height:360px;display:block}.movie-title{color:#fff;margin:.5rem 0;font-weight:700}.movie-title,.marvel-card-title,.release-title{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:2.4rem;line-height:1.2rem;display:-webkit-box;overflow:hidden}.movie-card,.marvel-card,.release-card{flex-direction:column;align-items:stretch;display:flex;overflow:hidden}.movie-card .movie-info,.release-card .release-info,.marvel-card .marvel-info{flex-direction:column;display:flex}.trailer-btn,.comment-btn{z-index:2;position:relative}.marvel-container{width:100%;padding:2rem}.marvel-header{text-align:center;margin-bottom:2rem}.marvel-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:1rem!important;display:grid!important}.marvel-phase-title{color:gold;margin:2rem 0 1rem;font-size:2rem;font-weight:600}.marvel-phase-row{scrollbar-width:thin;scrollbar-color:gold #222;flex-wrap:nowrap!important;gap:.75rem!important;max-height:420px!important;margin-bottom:1rem!important;padding:.75rem 0!important;display:flex!important;overflow-x:auto!important}.marvel-card{-webkit-backdrop-filter:blur(8px);text-align:center;background:#141428a6;border:1px solid #ffffff0d;border-radius:.75rem;flex-direction:column;flex:0 0 180px;align-items:stretch;min-width:180px;padding:.75rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.marvel-card:hover{border-color:#ffd7004d;transform:translateY(-8px)scale(1.02);box-shadow:0 15px 35px #ffd70026}.marvel-poster{object-fit:cover;aspect-ratio:2/3;border-radius:10px;flex:none;width:100%;height:360px;display:block}.marvel-title{color:#fff;margin:.3rem 0;font-size:1.1rem;font-weight:600}.marvel-card .trailer-btn{margin-top:auto;width:100%!important}.releases-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:2rem!important;display:grid!important}.release-card{-webkit-backdrop-filter:blur(8px);scroll-snap-align:start;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:0 0 250px;padding:.8rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.release-card:hover{border-color:#ffd70066;transform:translateY(-8px)scale(1.02);box-shadow:0 15px 35px #ffd70026}.release-poster img{aspect-ratio:2/3;object-fit:cover;border-radius:8px;width:100%;height:360px}.trailer-modal{-webkit-backdrop-filter:blur(20px);z-index:2147483647;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hidden{display:none!important}*{scrollbar-width:thin;scrollbar-color:gold #00000040}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,#ffb400);border-radius:999px;box-shadow:inset 0 0 0 2px #00000029}.marvel-phase-row::-webkit-scrollbar{height:10px}.marvel-phase-row::-webkit-scrollbar-thumb{height:10px}.trailer-modal.hidden{display:none}.trailer-content{background:#000;border-radius:10px;justify-content:center;align-items:center;max-width:95%;max-height:90vh;padding:10px;display:flex;position:relative;overflow:auto}.close-modal{cursor:pointer;color:#fff;background:0 0;border:none;font-size:32px;position:absolute;top:8px;right:8px}#introVideo,#trailerFrame{width:100%;height:auto;max-height:calc(90vh - 40px);display:block}#trailerFrame{aspect-ratio:16/9;width:100%;max-width:100%}#introVideo{object-fit:contain;object-position:center center;background:#000;margin:0 auto}.trailer-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,gold,#ffb400);border-radius:25px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #ffd70040}.trailer-btn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 18px #ffd70066}.movie-card .trailer-btn,.marvel-card .trailer-btn,.release-card .trailer-btn{justify-content:center;width:100%;margin-top:auto}.marvel-card .trailer-btn{justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex;color:#000!important;background:linear-gradient(135deg,gold,#ffb400)!important;border-radius:20px!important;padding:8px 12px!important;box-shadow:0 4px 12px #ffd70040!important}.marvel-phase-row .marvel-card .trailer-btn{margin:.45rem 0 0;width:100%!important}@media (width<=420px){.marvel-phase-row .marvel-card .trailer-btn{width:90%}}footer{text-align:center;background:#000c;border-top:1px solid #ffd7004d;padding:2rem}@media (width<=1024px){.navbar{flex-wrap:wrap;row-gap:.5rem;padding:.75rem 1.5rem}.nav-left{justify-content:flex-start;gap:1.25rem;width:100%}.nav-links{flex-wrap:wrap;gap:.4rem 1rem}.nav-right{justify-content:flex-end;width:100%}.nav-links a{font-size:1.05rem}.welcome{font-size:.95rem}}@media (width<=768px){.navbar{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 1.25rem}.nav-left,.nav-right{justify-content:space-between;width:100%}.nav-links{justify-content:flex-start;width:100%}.nav-links a{font-size:1rem}#logoutBtn{padding:.35rem .7rem;font-size:.9rem}}@media (width<=430px){h1{font-size:1.4rem}h2{font-size:1.2rem}.logo{font-size:1.4rem}.welcome{font-size:.85rem}.movie-card{padding:.6rem}.marvel-card{padding:.8rem}.marvel-title{font-size:1.1rem}}.about{backdrop-filter:blur(8px);color:#fff;background:#00000059;border-radius:18px;max-width:1100px;margin:4rem auto;padding:2.5rem;box-shadow:0 10px 30px #0000008c}.about section,.about>section{background:0 0!important;border:none!important;padding:0!important}.about-banner{text-align:center;margin-bottom:2.5rem}.about-banner h1{color:gold;margin-bottom:.3rem;font-size:3rem;font-weight:800}.about-banner h2{color:#cfd7ff;font-size:1.5rem;font-weight:500}.about-banner p{opacity:.85;font-size:1rem}.about-profile{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.about-photo{object-fit:cover;border:4px solid gold;border-radius:50%;width:170px;height:170px;box-shadow:0 0 18px #ffd70066}.about-photo-fallback{color:gold;background:linear-gradient(#0f1724,#0b1220);border:4px solid gold;border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;font-size:2.2rem;font-weight:800;display:flex;box-shadow:0 0 18px #ffd70066}.about-headline p{opacity:.95;margin:.4rem 0;font-size:1.15rem}.about h2{border-bottom:2px solid #ffd70040;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.3rem;font-size:1.8rem;color:gold!important}.about p{max-width:950px;margin-bottom:1rem;line-height:1.75}.about-skills ul{padding-left:0;list-style:none}.about-skills ul li{background:#ffffff0f;border-left:4px solid gold;border-radius:8px;margin:.35rem 0;padding:.6rem 1rem;transition:all .2s ease-in-out}.about-skills ul li:hover{background:#ffffff26;transform:translate(4px)}.about-skills h3{color:#cfd7ff;margin:1.5rem 0 .5rem;font-size:1.3rem}.about-project ul{padding-left:1rem}.about-project li{margin-bottom:.6rem;line-height:1.6}.closing{text-align:center;color:gold;opacity:.9;margin-top:3rem;font-size:1.2rem}@media (width<=768px){.about{padding:1.5rem}.about-profile{text-align:center;flex-direction:column}.about-photo{width:140px;height:140px}.about-banner h1{font-size:2.3rem}}
/*# sourceMappingURL=repo.01f49de4.css.map */