*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

:root{
--cfp-orange:#f36c21;
--cfp-orange-deep:#d84e16;
--cfp-yellow:#f7c633;
--cfp-cream:#f8e5c8;
--cfp-cream-soft:#fff6ea;
--cfp-brown:#4d2b16;
--cfp-navy:#1f2749;
--cfp-text:#342012;
--cfp-white:#ffffff;
--cfp-shadow:0 14px 36px rgba(77,43,22,0.14);
}

body{
line-height:1.6;
color:var(--cfp-text);
background:
radial-gradient(circle at top left, rgba(247,198,51,0.2), transparent 28%),
linear-gradient(180deg, var(--cfp-cream-soft) 0%, #fffaf3 100%);
}

a{
color:inherit;
}

button{
font:inherit;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

header{
background:linear-gradient(90deg, var(--cfp-orange-deep) 0%, var(--cfp-orange) 52%, var(--cfp-yellow) 100%);
color:var(--cfp-white);
position:sticky;
top:0;
z-index:1000;
box-shadow:0 8px 24px rgba(77,43,22,0.18);
}

.navbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 40px;
gap:20px;
}

.logo{
text-decoration:none;
white-space:nowrap;
flex:0 0 auto;
display:flex;
align-items:center;
gap:10px;
min-width:0;
color:var(--cfp-white);
}

.logo-mark{
display:flex;
align-items:center;
gap:8px;
flex:0 0 auto;
}

.logo-dot{
width:40px;
height:40px;
border-radius:50%;
background:var(--cfp-white);
display:grid;
place-items:center;
color:var(--cfp-orange);
font-size:27px;
font-weight:700;
line-height:1;
box-shadow:0 8px 18px rgba(77,43,22,0.16);
}

.logo-pill{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:132px;
height:42px;
padding:0 17px;
border:3px solid rgba(255,255,255,0.96);
border-radius:999px;
background:rgba(255,255,255,0.02);
}

.logo-pill::after{
content:"";
position:absolute;
right:-2px;
top:2px;
width:18px;
height:8px;
border-radius:999px;
background:var(--cfp-white);
transform:rotate(-42deg);
}

.logo-pill-text{
font-size:31px;
font-weight:700;
letter-spacing:.06em;
line-height:1;
}

.logo-year{
font-size:38px;
font-weight:700;
line-height:1;
color:var(--cfp-white);
}

.logo-label{
font-size:15px;
font-weight:700;
letter-spacing:.05em;
text-transform:uppercase;
opacity:.92;
}

.nav-panel{
display:flex;
align-items:center;
justify-content:flex-end;
gap:20px;
min-width:0;
flex:1 1 auto;
}

.nav-links{
display:flex;
list-style:none;
gap:18px;
flex-wrap:nowrap;
min-width:0;
flex:1 1 auto;
}

.nav-links a{
color:var(--cfp-white);
text-decoration:none;
font-weight:600;
white-space:nowrap;
font-size:15px;
}

.nav-links a:hover{
color:var(--cfp-brown);
}

.nav-buttons a{
margin-left:10px;
}

.nav-buttons{
display:flex;
align-items:center;
justify-content:flex-end;
flex:0 0 auto;
white-space:nowrap;
}

.menu-toggle{
display:none;
cursor:pointer;
}

.menu-toggle span{
display:block;
width:24px;
height:3px;
background:var(--cfp-white);
margin:4px 0;
border-radius:999px;
}

.btn-primary,
.btn-secondary{
padding:11px 18px;
border-radius:999px;
text-decoration:none;
font-weight:700;
display:inline-block;
transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}

.btn-primary{
background:var(--cfp-yellow);
color:var(--cfp-brown);
box-shadow:0 10px 24px rgba(77,43,22,0.2);
}

.btn-primary:hover{
transform:translateY(-2px);
background:#ffd75b;
}

.btn-secondary{
background:rgba(255,255,255,0.18);
color:var(--cfp-white);
border:1px solid rgba(255,255,255,0.45);
}

.btn-secondary:hover{
transform:translateY(-2px);
background:rgba(77,43,22,0.35);
}

.hero{
min-height:82vh;
background:
linear-gradient(110deg, rgba(77,43,22,0.86) 0%, rgba(77,43,22,0.78) 34%, rgba(243,108,33,0.58) 100%),
url('https://images.unsplash.com/photo-1511578314322-379afb476865');
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:var(--cfp-white);
padding:60px 40px;
position:relative;
overflow:hidden;
}

.hero::after{
content:"";
position:absolute;
inset:auto -10% -70px auto;
width:360px;
height:360px;
background:radial-gradient(circle, rgba(247,198,51,0.32) 0%, rgba(247,198,51,0) 72%);
pointer-events:none;
}

.hero-content{
max-width:860px;
position:relative;
z-index:1;
}

.hero-content p{
max-width:760px;
margin:0 auto;
}

.hero h1{
font-size:42px;
line-height:1.15;
}

.hero h2{
font-size:36px;
margin:12px 0;
color:var(--cfp-yellow);
}

.hero-info{
display:flex;
justify-content:center;
gap:16px;
flex-wrap:wrap;
margin-top:20px;
font-weight:600;
}

.hero-info span{
background:rgba(255,255,255,0.12);
border:1px solid rgba(255,255,255,0.22);
padding:8px 14px;
border-radius:999px;
backdrop-filter:blur(3px);
}

.hero-buttons{
margin-top:24px;
}

.countdown-card{
margin:30px auto 0;
max-width:820px;
padding:24px 26px;
border-radius:24px;
background:rgba(255,255,255,0.12);
border:1px solid rgba(255,255,255,0.18);
backdrop-filter:blur(6px);
box-shadow:0 18px 38px rgba(31,39,73,0.22);
}

.countdown-title{
margin-bottom:16px;
font-size:22px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:#dfe7ff;
}

.countdown-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
}

.countdown-item{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:6px;
}

.countdown-item strong{
font-size:clamp(42px,6vw,68px);
line-height:1;
font-weight:700;
}

.countdown-item span{
font-size:14px;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
color:rgba(255,255,255,0.86);
}

.countdown-days strong{color:#ffe100;}
.countdown-hours strong{color:#ff8a00;}
.countdown-minutes strong{color:#19a9f2;}
.countdown-seconds strong{color:#88c93d;}

.section{
padding:74px 0;
}

.section h2{
font-size:34px;
color:var(--cfp-brown);
margin-bottom:10px;
}

.bg-light{
background:
linear-gradient(180deg, rgba(247,198,51,0.16) 0%, rgba(255,255,255,0.6) 100%);
}

.topics-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
margin-top:30px;
}

.topic-card{
background:var(--cfp-white);
padding:25px;
border-radius:18px;
box-shadow:var(--cfp-shadow);
border-top:5px solid var(--cfp-orange);
}

.topic-card p + p{
margin-top:12px;
}

.publication-highlights{
display:flex;
flex-wrap:wrap;
gap:12px;
margin:24px 0 18px;
}

.publication-pill{
padding:10px 16px;
border-radius:999px;
background:rgba(243,108,33,0.12);
border:1px solid rgba(243,108,33,0.2);
color:var(--cfp-orange-deep);
font-size:13px;
font-weight:700;
letter-spacing:.04em;
}

.publication-layout{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
gap:24px;
align-items:stretch;
margin-top:10px;
}

.publication-card{
background:var(--cfp-white);
border-radius:18px;
box-shadow:var(--cfp-shadow);
border-top:5px solid var(--cfp-orange);
padding:24px;
}

.publication-card h3{
margin-bottom:12px;
color:var(--cfp-brown);
}

.publication-card h4{
margin-bottom:8px;
color:var(--cfp-brown);
font-size:18px;
}

.publication-card p + p{
margin-top:12px;
}

.publication-standard{
background:linear-gradient(180deg, #fff9f1 0%, var(--cfp-white) 100%);
}

.publication-process{
margin-top:24px;
}

.publication-steps{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:18px;
margin-top:16px;
}

.publication-step{
padding:18px;
border-radius:16px;
background:linear-gradient(180deg, #fffaf3 0%, #ffffff 100%);
border:1px solid rgba(234,213,191,0.9);
}

.publication-step-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border-radius:50%;
background:linear-gradient(135deg, var(--cfp-orange-deep) 0%, var(--cfp-orange) 100%);
color:var(--cfp-white);
font-size:13px;
font-weight:700;
letter-spacing:.06em;
margin-bottom:12px;
}

.publication-closing{
margin-top:20px;
padding-top:18px;
border-top:1px solid rgba(234,213,191,0.9);
}

.proceedings-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:24px;
margin-top:30px;
}

.proceeding-card{
display:block;
text-decoration:none;
background:var(--cfp-white);
border-radius:18px;
overflow:hidden;
box-shadow:var(--cfp-shadow);
transition:transform .2s ease, box-shadow .2s ease;
}

.proceeding-card:hover{
transform:translateY(-4px);
box-shadow:0 18px 40px rgba(77,43,22,0.2);
}

.proceeding-card img{
display:block;
width:100%;
height:280px;
object-fit:cover;
background:var(--cfp-cream);
}

.proceeding-card-body{
padding:18px;
}

.proceeding-card-body h3{
margin-bottom:8px;
color:var(--cfp-brown);
}

.gallery-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:20px;
margin-top:30px;
}

.gallery-card{
display:flex;
flex-direction:column;
justify-content:space-between;
min-height:150px;
padding:22px;
border-radius:18px;
text-decoration:none;
background:
linear-gradient(135deg, rgba(243,108,33,0.96) 0%, rgba(247,198,51,0.92) 100%);
color:var(--cfp-brown);
box-shadow:var(--cfp-shadow);
transition:transform .2s ease, box-shadow .2s ease;
}

.gallery-card:hover{
transform:translateY(-4px);
box-shadow:0 18px 40px rgba(77,43,22,0.22);
}

.gallery-year{
font-size:24px;
font-weight:700;
line-height:1.1;
}

.gallery-link{
margin-top:18px;
font-size:14px;
font-weight:600;
}

.fees-layout{
display:grid;
grid-template-columns:minmax(260px, 360px) minmax(0, 1fr);
gap:28px;
align-items:start;
margin-top:28px;
}

.fees-highlights{
display:flex;
flex-wrap:wrap;
gap:12px;
margin:24px 0 0;
}

.fees-pill{
padding:10px 16px;
border-radius:999px;
background:rgba(243,108,33,0.12);
border:1px solid rgba(243,108,33,0.2);
color:var(--cfp-orange-deep);
font-size:13px;
font-weight:700;
letter-spacing:.04em;
}

.fee-visual-card{
background:var(--cfp-white);
border-radius:18px;
padding:16px;
box-shadow:var(--cfp-shadow);
border-top:5px solid var(--cfp-yellow);
}

.fee-visual-card img{
display:block;
width:100%;
height:auto;
border-radius:10px;
margin-bottom:12px;
background:var(--cfp-cream);
}

.fee-visual-card p{
font-size:14px;
}

.fees-feature-card{
background:var(--cfp-white);
border-radius:18px;
padding:24px;
box-shadow:var(--cfp-shadow);
border-top:5px solid var(--cfp-yellow);
}

.fees-feature-card p + p{
margin-top:12px;
}

.fees-detail-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:24px;
margin-top:24px;
}

.fees-detail-card{
background:var(--cfp-white);
border-radius:18px;
padding:24px;
box-shadow:var(--cfp-shadow);
border-top:5px solid var(--cfp-orange);
}

.fees-detail-card ul{
margin:0;
padding-left:18px;
}

.fees-detail-card li + li{
margin-top:8px;
}

.fees-detail-card p + p{
margin-top:12px;
}

.topic-card h3,
.date-card h3,
.venue-box h3,
footer h3{
margin-bottom:10px;
}

.dates-grid{
display:flex;
gap:20px;
margin-top:30px;
flex-wrap:wrap;
}

.date-card{
flex:1;
min-width:200px;
background:linear-gradient(180deg, var(--cfp-orange) 0%, var(--cfp-orange-deep) 100%);
color:var(--cfp-white);
padding:22px;
border-radius:18px;
box-shadow:var(--cfp-shadow);
}

.venue-box{
margin-top:24px;
background:linear-gradient(135deg, var(--cfp-yellow) 0%, #ffd86f 100%);
padding:25px;
border-radius:18px;
box-shadow:var(--cfp-shadow);
color:var(--cfp-brown);
}

.cfp-preview{
display:grid;
grid-template-columns:minmax(280px, 1fr) minmax(180px, 280px);
gap:30px;
align-items:center;
margin-top:30px;
}

.cfp-open{
margin-top:18px;
}

.cfp-card{
display:block;
width:100%;
max-width:260px;
justify-self:end;
border:0;
background:linear-gradient(180deg, #fff7ea 0%, var(--cfp-cream) 100%);
border-radius:18px;
padding:14px;
box-shadow:0 16px 38px rgba(77,43,22,0.2);
cursor:pointer;
transition:transform .2s ease, box-shadow .2s ease;
}

.cfp-card:hover{
transform:translateY(-3px) rotate(-1deg);
box-shadow:0 20px 42px rgba(77,43,22,0.24);
}

.cfp-card img{
display:block;
width:100%;
height:auto;
border-radius:10px;
}

.cfp-modal{
position:fixed;
inset:0;
display:none;
align-items:center;
justify-content:center;
padding:20px;
z-index:2000;
}

.cfp-modal.is-open{
display:flex;
}

.cfp-backdrop{
position:absolute;
inset:0;
background:rgba(31,39,73,0.76);
}

.cfp-dialog{
position:relative;
max-width:min(92vw, 920px);
max-height:90vh;
background:var(--cfp-cream-soft);
border-radius:18px;
padding:18px;
overflow:auto;
box-shadow:0 22px 52px rgba(31,39,73,0.34);
z-index:1;
border:4px solid var(--cfp-yellow);
}

.cfp-dialog img{
display:block;
width:100%;
height:auto;
margin-top:12px;
border-radius:10px;
}

.cfp-close-btn{
position:absolute;
top:12px;
right:12px;
width:36px;
height:36px;
border:0;
border-radius:50%;
background:var(--cfp-navy);
color:var(--cfp-white);
font-size:18px;
cursor:pointer;
}

.cta{
background:linear-gradient(120deg, var(--cfp-orange-deep) 0%, var(--cfp-orange) 55%, #ff9c38 100%);
color:var(--cfp-white);
text-align:center;
padding:70px 20px;
position:relative;
overflow:hidden;
}

.cta .container{
position:relative;
z-index:1;
}

.cta p{
max-width:760px;
margin:0 auto;
}

.cta::before{
content:"";
position:absolute;
left:-80px;
bottom:-120px;
width:260px;
height:260px;
background:radial-gradient(circle, rgba(247,198,51,0.34) 0%, rgba(247,198,51,0) 72%);
}

.cta-buttons{
margin-top:20px;
position:relative;
z-index:1;
}

footer{
background:linear-gradient(180deg, var(--cfp-navy) 0%, #121731 100%);
color:var(--cfp-white);
padding:46px 20px;
}

.footer-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
margin-bottom:20px;
}

.footer-grid a{
color:var(--cfp-yellow);
text-decoration:none;
font-weight:600;
}

.copyright{
color:rgba(255,255,255,0.78);
}

@media(max-width:1480px){
.navbar{
padding:15px 24px;
gap:16px;
}

.logo{
gap:8px;
}

.logo-dot{
width:36px;
height:36px;
font-size:24px;
}

.logo-pill{
min-width:116px;
height:38px;
padding:0 15px;
}

.logo-pill-text{
font-size:27px;
}

.logo-year{
font-size:34px;
}

.logo-label{
font-size:14px;
}

.nav-links{
gap:14px;
}

.nav-links a{
font-size:14px;
}

.btn-primary,
.btn-secondary{
padding:10px 16px;
}
}

@media(max-width:1320px){
.navbar{
flex-wrap:nowrap;
padding:15px 20px;
align-items:center;
}

.nav-panel{
display:none;
position:absolute;
top:100%;
left:0;
right:0;
width:100%;
flex-direction:column;
align-items:stretch;
gap:14px;
padding:16px 20px 20px;
background:linear-gradient(180deg, rgba(216,78,22,0.98) 0%, rgba(243,108,33,0.98) 72%, rgba(247,198,51,0.98) 100%);
box-shadow:0 18px 36px rgba(77,43,22,0.2);
}

.nav-panel.is-open{
display:flex;
}

.nav-links{
width:100%;
flex-direction:column;
gap:12px;
}

.nav-buttons{
display:grid;
grid-template-columns:1fr;
gap:10px;
width:100%;
}

.nav-buttons a{
margin-left:0;
text-align:center;
}

.menu-toggle{
display:block;
margin-left:auto;
}

.hero{
min-height:70vh;
padding:48px 20px;
}

.hero h1{
font-size:30px;
}

.hero h2{
font-size:28px;
}

.countdown-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.cfp-preview{
grid-template-columns:1fr;
}

.fees-layout{
grid-template-columns:1fr;
}

.publication-layout{
grid-template-columns:1fr;
}
}

@media(max-width:640px){
.logo{
gap:8px;
}

.logo-dot{
width:30px;
height:30px;
font-size:20px;
}

.logo-pill{
min-width:94px;
height:32px;
padding:0 12px;
border-width:2px;
}

.logo-pill::after{
right:-1px;
top:1px;
width:14px;
height:6px;
}

.logo-pill-text{
font-size:21px;
}

.logo-year{
font-size:24px;
}

.logo-label{
font-size:12px;
}

.countdown-card{
padding:20px 18px;
}

.countdown-title{
font-size:18px;
}

.countdown-grid{
grid-template-columns:1fr 1fr;
gap:14px;
}
}