/*************************************************
DOWNLOAD CENTER
Festival RT16 2026
*************************************************/

:root{

--primary:#C8102E;
--secondary:#8B001C;
--white:#FFFFFF;
--light:#F8FAFC;
--dark:#1F2937;
--gray:#64748B;

--pdf:#DC2626;
--image:#2563EB;

--radius:20px;

--shadow:0 15px 35px rgba(0,0,0,.08);

}

*{

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:'Poppins',sans-serif;

background:var(--light);

color:var(--dark);

line-height:1.7;

overflow-x:hidden;

}

a{

text-decoration:none;

}

img{

max-width:100%;

display:block;

}

.container{

width:min(1180px,92%);

margin:auto;

}

/*************************************************
HEADER
*************************************************/

.download-header{

background:#fff;

position:sticky;

top:0;

z-index:999;

box-shadow:0 5px 20px rgba(0,0,0,.05);

}

.download-header .container{

display:flex;

justify-content:space-between;

align-items:center;

padding:18px 0;

}

.logo{

display:flex;

align-items:center;

gap:12px;

font-size:24px;

font-weight:700;

color:var(--primary);

}

.logo i{

font-size:26px;

}

.btn-back{

display:flex;

align-items:center;

gap:10px;

padding:14px 28px;

background:var(--primary);

color:#fff;

border-radius:40px;

font-weight:600;

transition:.3s;

}

.btn-back:hover{

background:var(--secondary);

transform:translateY(-3px);

}

/*************************************************
TITLE
*************************************************/

.download-section{

padding:80px 0;

}

.section-title{

text-align:center;

margin-bottom:60px;

}

.section-title h1{

font-size:44px;

font-weight:800;

color:var(--primary);

margin-bottom:18px;

}

.section-title p{

max-width:760px;

margin:auto;

font-size:17px;

color:var(--gray);

line-height:1.9;

}

/*************************************************
GRID
*************************************************/

.download-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

gap:30px;

}

/*************************************************
DOWNLOAD CARD
*************************************************/

.download-card{

background:var(--white);

border-radius:var(--radius);

padding:35px 30px;

box-shadow:var(--shadow);

display:flex;

flex-direction:column;

align-items:center;

text-align:center;

transition:.35s;

border-top:5px solid transparent;

}

.download-card:hover{

transform:translateY(-8px);

border-top:5px solid var(--primary);

}

.card-icon{

width:90px;

height:90px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

margin-bottom:25px;

color:#fff;

font-size:40px;

}

.card-icon.pdf{

background:var(--pdf);

}

.card-icon.image{

background:var(--image);

}

.download-card h3{

font-size:24px;

font-weight:700;

margin-bottom:15px;

color:var(--dark);

}

.download-card p{

font-size:15px;

color:var(--gray);

line-height:1.8;

margin-bottom:28px;

min-height:85px;

}

.btn-download{

display:flex;

align-items:center;

justify-content:center;

gap:10px;

width:100%;

padding:15px 20px;

border-radius:50px;

background:var(--primary);

color:#fff;

font-weight:600;

transition:.3s;

}

.btn-download:hover{

background:var(--secondary);

transform:translateY(-2px);

}

.btn-download i{

font-size:16px;

}

/*************************************************
DOWNLOAD INFO
*************************************************/

.download-info{

padding:20px 0 80px;

}

.info-box{

background:var(--white);

border-radius:var(--radius);

padding:35px;

box-shadow:var(--shadow);

display:flex;

align-items:flex-start;

gap:25px;

}

.info-icon{

width:70px;

height:70px;

border-radius:50%;

background:var(--primary);

display:flex;

justify-content:center;

align-items:center;

flex-shrink:0;

}

.info-icon i{

font-size:32px;

color:#fff;

}

.info-content{

flex:1;

}

.info-content h2{

font-size:28px;

color:var(--primary);

margin-bottom:18px;

}

.info-content p{

color:var(--gray);

margin-bottom:12px;

line-height:1.9;

}

.info-content p:last-child{

margin-bottom:0;

}

/*************************************************
FOOTER
*************************************************/

.download-footer{

background:#111827;

color:#FFFFFF;

text-align:center;

padding:70px 20px;

margin-top:20px;

}

.download-footer h3{

font-size:30px;

font-weight:700;

margin-bottom:10px;

}

.download-footer p{

color:#CBD5E1;

margin:8px 0;

font-size:15px;

}

.footer-line{

width:120px;

height:2px;

background:rgba(255,255,255,.2);

margin:25px auto;

border-radius:10px;

}

/*************************************************
HOVER ANIMATION
*************************************************/

.download-card{

transition:all .35s ease;

}

.download-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.btn-download{

transition:all .3s ease;

}

.btn-download:hover{

transform:translateY(-2px);

}

.logo,

.btn-back{

transition:.3s;

}

.logo:hover{

opacity:.8;

}

.btn-back:hover{

box-shadow:0 8px 20px rgba(200,16,46,.25);

}

/*************************************************
SCROLLBAR
*************************************************/

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-track{

background:#EEF2F7;

}

::-webkit-scrollbar-thumb{

background:var(--primary);

border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

background:var(--secondary);

}

/*************************************************
RESPONSIVE
*************************************************/

@media(max-width:992px){

.download-grid{

grid-template-columns:repeat(2,minmax(0,1fr));

}

.section-title h1{

font-size:38px;

}

}

@media(max-width:768px){

.download-header .container{

flex-direction:column;

gap:18px;

padding:20px 0;

}

.logo{

font-size:22px;

}

.section-title{

margin-bottom:45px;

}

.section-title h1{

font-size:32px;

}

.section-title p{

font-size:15px;

}

.download-grid{

grid-template-columns:1fr;

}

.download-card{

padding:30px 24px;

}

.download-card p{

min-height:auto;

}

.info-box{

flex-direction:column;

text-align:center;

}

.info-icon{

margin:auto;

}

.info-content h2{

font-size:24px;

}

.download-footer h3{

font-size:26px;

}

}

@media(max-width:480px){

.download-section{

padding:55px 0;

}

.logo{

font-size:20px;

}

.logo span{

display:none;

}

.btn-back{

width:100%;

justify-content:center;

}

.card-icon{

width:75px;

height:75px;

font-size:34px;

}

.download-card h3{

font-size:22px;

}

.info-box{

padding:25px;

}

.download-footer{

padding:50px 20px;

}

.download-footer h3{

font-size:22px;

}

}

/*************************************************
SELECTION
*************************************************/

::selection{

background:var(--primary);

color:#FFFFFF;

}