/* remini landing page - stylesheets concatenated at build time */

/* ---- 010-showcase.css ---- */
body{margin:0;background:#0b0b0f;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial;position:relative;overflow-x:hidden}

body::before{
content:"";
position:fixed;
top:-60%;
left:-60%;
width:220%;
height:220%;
background:
radial-gradient(circle at 20% 30%,rgba(255,77,109,0.22),transparent 45%),
radial-gradient(circle at 80% 70%,rgba(138,92,255,0.22),transparent 45%),
radial-gradient(circle at 50% 20%,rgba(77,210,255,0.18),transparent 45%),
radial-gradient(circle at 40% 80%,rgba(255,180,90,0.15),transparent 45%);
filter:blur(30px);
animation:glowMove 22s ease-in-out infinite alternate;
z-index:-1;
}

@keyframes glowMove{
0%{transform:translate(0,0) scale(1)}
50%{transform:translate(-5%,5%) scale(1.05)}
100%{transform:translate(5%,-5%) scale(1.1)}
}
.header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid #1e1e26}
.logo{font-weight:700;font-size:22px;background:linear-gradient(90deg,#ff4d6d,#ff4db8,#8a5cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.download{background:linear-gradient(90deg,#ff4d6d,#ff4db8,#8a5cff);padding:10px 22px;border-radius:30px;text-decoration:none;color:#fff;font-weight:600}
.hero{max-width:1200px;margin:auto;padding:60px 20px;text-align:center}
.hero h1{font-size:42px;margin:0 0 10px}
.hero p{color:#aaa;margin-bottom:20px}
.section{max-width:1200px;margin:auto;padding:40px 20px}
.section h2{font-size:22px;margin-bottom:16px}
.row{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;-ms-overflow-style:none;scrollbar-width:none}
.row::-webkit-scrollbar{display:none}
.card{min-width:160px;background:#12121a;border-radius:10px;overflow:hidden;transition:all .25s ease}
.card:hover{transform:scale(1.05);box-shadow:0 0 25px rgba(255,77,109,0.6),0 0 40px rgba(138,92,255,0.4);}
.poster{position:relative;height:260px;cursor:pointer}
.poster img{width:100%;height:100%;object-fit:cover}
.poster span{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:4px;font-size:13px}
.sticky{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#ff4d6d,#ff4db8,#8a5cff);padding:16px 36px;border-radius:40px;font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.6)}

/* ---- 015-footer.css ---- */
.footer{text-align:center;color:#666;font-size:13px;padding:40px;margin-top:40px;border-top:1px solid #1e1e26}

/* ---- 020-showcase-2.css ---- */
summary {
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
list-style: none;
}

summary::-webkit-details-marker {
display: none;
}

summary h2 {
margin: 0;
font-size: 20px;
}

.arrow {
transition: transform 0.2s ease;
}

details[open] .arrow {
transform: rotate(90deg);
}

/* ---- 025-showcase-3.css ---- */
summary {
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
list-style: none;
}

summary::-webkit-details-marker {
display: none;
}

.title {
font-size: 20px;
font-weight: bold;
}

.arrow {
transition: transform 0.2s ease;
font-size: 14px;
}

details[open] .arrow {
transform: rotate(90deg);
}

/* ---- 030-showcase-4.css ---- */
summary {
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
list-style: none;
}

summary::marker {
display: none;
}

summary::-webkit-details-marker {
display: none;
}

.arrow {
font-size: 14px;
transition: transform 0.2s ease;
}

details[open] .arrow {
transform: rotate(90deg);
}

.title {
font-size: 20px;
font-weight: bold;
}

/* ---- 035-faq.css ---- */
.section-toggle {
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
font-size: 20px;
font-weight: bold;
}

.arrow {
font-size: 14px;
transition: transform 0.2s ease;
}

.section-content {
display: none;
margin-top: 10px;
}

.section.open .section-content {
display: block;
}

.section.open .arrow {
transform: rotate(90deg);
}