@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";/**
* @license
*
* Font Family: Satoshi
* Designed by: Deni Anggara
* URL: https://www.fontshare.com/fonts/satoshi
* © 2026 Indian Type Foundry
*
* Satoshi Light 
* Satoshi LightItalic 
* Satoshi Regular 
* Satoshi Italic 
* Satoshi Medium 
* Satoshi MediumItalic 
* Satoshi Bold 
* Satoshi BoldItalic 
* Satoshi Black 
* Satoshi BlackItalic 
* Satoshi Variable (Variable font)
* Satoshi VariableItalic (Variable font)

*
*/@font-face{font-family:Satoshi-Light;src:url(/assets/Satoshi-Light-DGGhisht.woff2) format("woff2"),url(/assets/Satoshi-Light-nCpO4URH.woff) format("woff"),url(/assets/Satoshi-Light-BDIJ6QC2.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-LightItalic;src:url(/assets/Satoshi-LightItalic-BIseMwnG.woff2) format("woff2"),url(/assets/Satoshi-LightItalic-BHIJE1QX.woff) format("woff"),url(/assets/Satoshi-LightItalic-DerM4rLM.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Regular;src:url(/WEB/fonts/Satoshi-Regular.woff2) format("woff2"),url(/WEB/fonts/Satoshi-Regular.woff) format("woff"),url(/WEB/fonts/Satoshi-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(/assets/Satoshi-Italic-DFxtytot.woff2) format("woff2"),url(/assets/Satoshi-Italic-BN_tFLp8.woff) format("woff"),url(/assets/Satoshi-Italic-C5nP15WY.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Medium;src:url(/assets/Satoshi-Medium-GkA34YXu.woff2) format("woff2"),url(/assets/Satoshi-Medium-Lv9hsv1V.woff) format("woff"),url(/assets/Satoshi-Medium-DnYqU_fJ.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-MediumItalic;src:url(/WEB/fonts/Satoshi-MediumItalic.woff2) format("woff2"),url(/WEB/fonts/Satoshi-MediumItalic.woff) format("woff"),url(/WEB/fonts/Satoshi-MediumItalic.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(/WEB/fonts/Satoshi-Bold.woff2) format("woff2"),url(/WEB/fonts/Satoshi-Bold.woff) format("woff"),url(/WEB/fonts/Satoshi-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BoldItalic;src:url(/assets/Satoshi-BoldItalic-DwDKADit.woff2) format("woff2"),url(/assets/Satoshi-BoldItalic-DpRT1EjY.woff) format("woff"),url(/assets/Satoshi-BoldItalic-zpMVHzVR.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Black;src:url(/assets/Satoshi-Black-CaFh8BIi.woff2) format("woff2"),url(/assets/Satoshi-Black-BtDZCSNm.woff) format("woff"),url(/assets/Satoshi-Black-Bg_oXy6y.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BlackItalic;src:url(/assets/Satoshi-BlackItalic-O6AZRkPW.woff2) format("woff2"),url(/assets/Satoshi-BlackItalic-D9mHdsiq.woff) format("woff"),url(/assets/Satoshi-BlackItalic-CsHcRpXU.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Variable;src:url(/assets/Satoshi-Variable-CFg-z2ne.woff2) format("woff2"),url(/assets/Satoshi-Variable-CfACykSx.woff) format("woff"),url(/assets/Satoshi-Variable-ChAXbpFa.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(/assets/Satoshi-VariableItalic-DjwFspxr.woff2) format("woff2"),url(/assets/Satoshi-VariableItalic-pYBsOxD_.woff) format("woff"),url(/assets/Satoshi-VariableItalic-Bb7sdEFv.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:italic}:root{--primary-color: #c41230;--secondary-color: #f8f9fa;--text-color: #212529;--background-color: #fff;--border-color: #dee2e6;--shadow-color: rgba(0, 0, 0, .05);--success-color: #28a745;--error-color: #dc3545}body{font-family:Satoshi-Medium,sans-serif;background-color:var(--background-color);color:var(--text-color);margin:0;padding-top:150px}header{position:fixed;top:0;left:0;width:100%;background-color:var(--background-color);box-shadow:0 2px 4px var(--shadow-color);z-index:1001}.text{color:#4c4c4c;font-family:Satoshi-Regular;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.top-bar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.logo-button-link{display:flex;align-items:center;gap:5px;text-decoration:none!important;margin-left:5px;margin-top:0;padding:10px;color:#2c1b54;background:transparent}.logo-button-link:hover,.logo-button-link:active,.logo-button-link:focus{text-decoration:none!important;outline:none}.website-title{color:#2c1b54;font-weight:700;margin:10px;line-height:1.1}.logo-button-link .website-title a{color:var(--primary-color)!important}.logo-button-link img{pointer-events:auto;display:block;cursor:pointer}.title-logo{display:flex}.top-bar h1{font-size:1.5rem;font-weight:700;margin:0}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:#a00f28}.top-bar h1 a{color:var(--primary-color)}.navbar-flavor-text{color:"black";font-size:30px;font-family:Satoshi,sans-serif}.choose-date{font-size:14px}.category-bar a{color:var(--text-color);text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s,color .3s}.category-bar a.active{color:var(--primary-color)}.category-bar a:hover{background-color:#c412301a;color:var(--primary-color)}.dropdown-label-content{display:inline-flex;align-items:center;gap:8px}.search-icon{width:16px;height:16px;flex-shrink:0}.category-bar,.filter-bar{display:flex;justify-content:center;padding:.75rem 2rem;gap:1rem;text-align:center}.filter-bar{justify-content:space-around;align-items:center}.nav-buttons-container{display:flex;flex-direction:row;align-items:center;gap:10px}button,.btn{background-color:transparent;color:#000;border:none;padding:.6rem 1.2rem;border-radius:25px;cursor:pointer;transition:background-color .3s,box-shadow .3s;font-weight:600}.clearloginbtn{color:#000;border:none;padding:.6rem 1.2rem;border-radius:25px;cursor:pointer;transition:background-color .3s,box-shadow .3s;--size: 45px;display:flex;height:40px;width:100px;padding:9px 16px;justify-content:center;align-items:center;gap:20px;aspect-ratio:1/1;background:transparent;white-space:nowrap;text-decoration:none!important}.clearbtn{--size: 45px;--padding: 1.2 rem;color:#000;border:none;padding:var(--padding) var(--padding);border-radius:25px;cursor:pointer;display:flex;height:var(--size);width:var(--size);padding:0;justify-content:center;align-items:center;gap:20px;aspect-ratio:1/1;background:transparent}.blackbtn{background:#000;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:25px;cursor:pointer;transition:background-color .3s,box-shadow .3s;--size: 45px;display:flex;height:40px;width:100px;justify-content:center;align-items:center;gap:20px;aspect-ratio:1/1;white-space:nowrap}.createbtn{color:var(--Foreground-brandNeutral-Primary, #4A5662);display:flex;height:40px;padding:10px 18px;align-items:center;gap:8px;font-family:Satoshi-Bold,sans-serif;font-weight:500;border:1px solid var(--Stroke-Neutral-1, #D6D6D6);border-radius:25px;text-decoration:none}.clearbtn:hover,.createbtn:hover,.blackbtn:hover,.clearloginbtn:hover{color:var(--Foreground-brandNeutral-Primary, #4A5662);background-color:#e6e6e6;box-shadow:0 4px 8px #0000001a;text-decoration:none!important}button:hover,.btn:hover{background-color:#d77979;box-shadow:0 4px 8px #0000001a}.category-bar button{background-color:transparent;color:var(--text-color);box-shadow:none;display:block}.category-bar button.active{border-bottom:2px solid var(--primary-color);color:var(--primary-color)}.event-category{font-family:Satoshi-Bold,bold;font-size:14px;display:flex;justify-content:center;align-items:center}.event-category img{display:flex}.icon-wrap{display:flex;align-items:center;justify-content:center;height:50px;width:75px}.icon-wrap img{transform:scale(.75)}.search-bar{position:relative;display:flex;align-items:center;width:100%;max-width:600px;margin:0 auto;font:"Satoshi-Regular";padding:1rem}.search-icon{position:absolute;left:30px;width:18px;height:18px;z-index:10;pointer-events:none}.search-bar input{width:100%;max-width:100%;margin:0;padding-left:40px!important;padding-top:12px;padding-bottom:12px;padding-right:15px;color:#7b7b7b;font-family:Satoshi-Regular;font-size:16px;font-style:normal;font-weight:500;line-height:normal;border:1px solid #ccc;border-radius:20px;outline:none}@media (min-width: 768px){.search-bar input{width:50%}}@media (min-width: 1024px){.search-bar input{width:40%}}input[type=text],input[type=email],input[type=password],input[type=date],textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:15px;width:100%;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}input:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #c412301a}.filter-bar input{max-width:200px}.container{padding:0rem}.poster-grid{display:flex;justify-content:center;width:auto}.poster-card{background-color:var(--background-color);border-radius:10px;box-shadow:0 4px 8px var(--shadow-color);overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer;width:100%}.poster-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px var(--shadow-color)}.poster-card img{width:100%;height:auto;object-fit:cover}.poster-card-content-wrapper{padding-bottom:1rem}.poster-card-content{padding-top:1.5rem;padding-left:1rem;padding-right:1rem;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.poster-card-content h3{margin:0 0 .5rem;font-size:1.2rem}.poster-masonry{display:flex;justify-content:center;width:100%;gap:2rem;max-width:1400px;margin:0 auto}.poster-masonry-column{flex:1;display:flex;flex-direction:column;gap:2rem}.poster-list-wrapper{display:inline-block;background:linear-gradient(145deg,#f6f8fb,#eef1f5 40%,#e6eaef);box-shadow:0 10px 40px #96aac826;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #0000000f,0 2px 8px #0000000a;border-radius:18px;padding:40px;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);width:100%;transition:all .3s ease}.poster-placeholder{height:1px;visibility:hidden}.empty-state{grid-column:1 / -1;text-align:center;padding:6rem 2rem;color:#888}.main-page{width:100%}.form-container{max-width:500px;margin:2rem auto;padding:2rem;background-color:var(--secondary-color);border-radius:10px}.form-container h2{text-align:center;margin-bottom:1.5rem}.form-container div{margin-bottom:1rem}.form-container label{display:block;margin-bottom:.5rem;font-weight:600}.form-message{padding:1rem;border-radius:5px;margin-top:1rem;text-align:center}.form-message.success{background-color:#d4edda;color:#155724}.form-message.error{background-color:#f8d7da;color:#721c24}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;border-radius:18px}.modal-content{background-color:var(--background-color);padding:2rem;border-radius:10px;max-width:900px;max-height:90vh;overflow-y:auto;position:relative}.modal-close-btn{position:absolute;height:50px;width:50px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color);z-index:200}.modal-close-btn img{width:30px;height:30px;pointer-events:none}.modal-body{display:flex;gap:2rem}.modal-image-container{flex:1;min-width:300px}.modal-image-container img{max-width:100%;height:auto;display:block}.modal-details-container{flex:2;text-align:left}.modal-details-container h2{margin-top:0}@media (max-width: 768px){.modal-body{flex-direction:column}.modal-image-container{min-width:unset;width:100%}.modal-details-container{flex:unset;width:100%}.modal-content{max-width:90%;padding:1rem}.modal-icon,.modal-info{display:flex;align-items:center}.heart-container{background-color:#e8e8e8;z-index:2001;position:absolute;top:20;left:20;width:50px;height:50px;border-radius:150px;display:flex;justify-content:center;align-items:center}a.calendar-link{display:inline-block;background-color:#000;color:#fff;padding:10px 16px;text-decoration:none;border-radius:6px;font-weight:500}a.calendar-link:hover{background-color:#333;color:#fff}.align-icon{display:flex;align-items:flex-end}.align-icon img{height:26px}.poster-grid{grid-template-columns:repeat(2,1fr)}}.footer{padding-top:2rem}.multi-select-dropdown{position:relative;display:inline-block}.dropdown-toggle{background-color:#fff;border:1px solid #ccc;padding:8px 12px;cursor:pointer;border-radius:10px;display:flex;justify-content:space-between;align-items:center;width:100%;color:#333;font-size:14px}.dropdown-toggle:hover{background-color:#e0e0e0}.dropdown-menu{position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 8px 16px #0003;z-index:1;padding:10px;display:flex;flex-direction:column;max-height:200px;overflow-y:auto;color:#333}.dropdown-menu label{display:flex;align-items:center;margin-bottom:5px;cursor:pointer;padding:5px;border-radius:3px;transition:background-color .2s,color .2s}.dropdown-menu label:hover{background-color:var(--primary-color);color:#fff}.dropdown-label{display:flex;align-items:center;gap:8px}.dropdown-label img{width:16px;height:16px;flex-shrink:0}.dropdown-menu input[type=checkbox]{margin-right:8px;accent-color:var(--primary-color)}.profile-container{display:grid;grid-template-columns:1fr 3fr;gap:20px}.profile-info{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a}.profile-posts{grid-column:2 / 3}