/*
Theme Name: RC Premium Download
Theme URI: https://example.com/
Author: Raju Chakraborty
Author URI: https://example.com/
Description: A premium, responsive app download landing-page theme with dynamic WordPress Customizer controls.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: rc-premium-download
*/

:root{
  --rc-bg:#080a18;
  --rc-bg2:#10142b;
  --rc-card:#12152a;
  --rc-card2:#171a32;
  --rc-text:#f8f9ff;
  --rc-muted:#9ca4c2;
  --rc-accent:#5b67f1;
  --rc-accent2:#18c7a0;
  --rc-border:rgba(255,255,255,.09);
  --rc-shadow:0 30px 90px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:var(--rc-bg);color:var(--rc-text)}
a{color:inherit}
.rc-page{
  min-height:100vh;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 22px;
  background:
    radial-gradient(circle at 10% 18%, color-mix(in srgb,var(--rc-accent) 24%, transparent), transparent 34%),
    radial-gradient(circle at 90% 78%, color-mix(in srgb,var(--rc-accent2) 18%, transparent), transparent 30%),
    linear-gradient(135deg,var(--rc-bg),var(--rc-bg2));
}
.rc-page:before{
  content:"";
  position:absolute;inset:-30%;
  background:radial-gradient(circle at center,rgba(255,255,255,.035),transparent 48%);
  pointer-events:none;
}
.rc-wrap{width:min(1050px,100%);position:relative;z-index:1}
.rc-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:570px;
  border:1px solid var(--rc-border);
  border-radius:30px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  box-shadow:var(--rc-shadow);
  backdrop-filter:blur(22px);
}
.rc-visual{
  display:flex;align-items:center;justify-content:center;
  padding:55px;
  background:
    radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rc-accent) 16%, transparent),transparent 45%),
    rgba(10,12,30,.28);
  border-right:1px solid var(--rc-border);
  position:relative;
}
.rc-visual:after{
  content:"";position:absolute;width:240px;height:240px;border-radius:50%;
  background:var(--rc-accent);opacity:.08;filter:blur(70px)
}
.rc-app-image{
  position:relative;z-index:2;
  width:min(300px,80%);
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:34px;
  box-shadow:0 28px 70px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.12);
}
.rc-placeholder{
  position:relative;z-index:2;width:min(300px,80%);aspect-ratio:1/1;
  border-radius:34px;display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.7);font-weight:700;letter-spacing:.08em;
  background:linear-gradient(145deg,#22274b,#11142a);
  border:1px solid var(--rc-border);
}
.rc-content{padding:68px 58px;display:flex;flex-direction:column;justify-content:center}
.rc-badge{
  display:inline-flex;align-items:center;gap:8px;width:max-content;
  padding:8px 14px;border-radius:999px;
  color:#19d7a8;background:rgba(25,215,168,.08);
  border:1px solid rgba(25,215,168,.25);
  font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:22px;
}
.rc-badge-dot{width:8px;height:8px;border-radius:50%;background:#19d7a8;box-shadow:0 0 12px #19d7a8}
.rc-title{margin:0 0 10px;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.045em;font-weight:900}
.rc-subtitle{margin:0 0 28px;color:var(--rc-muted);font-size:16px;line-height:1.65}
.rc-features{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}
.rc-feature{
  display:flex;align-items:center;gap:14px;padding:15px 16px;
  border-radius:16px;background:rgba(255,255,255,.035);
  border:1px solid var(--rc-border);
}
.rc-feature-icon{
  width:34px;height:34px;flex:0 0 34px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--rc-accent),#725cff);
  color:white;font-size:16px;box-shadow:0 8px 24px color-mix(in srgb,var(--rc-accent) 25%, transparent)
}
.rc-feature-text{font-size:14px;font-weight:700}
.rc-download{
  width:100%;display:flex;align-items:center;justify-content:center;
  min-height:52px;padding:0 24px;border-radius:15px;text-decoration:none;
  color:white;font-size:15px;font-weight:850;
  background:linear-gradient(100deg,var(--rc-accent),var(--rc-accent2));
  box-shadow:0 16px 34px color-mix(in srgb,var(--rc-accent) 24%, transparent);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.rc-download:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 20px 42px color-mix(in srgb,var(--rc-accent) 30%, transparent)}
.rc-download:active{transform:translateY(0)}
.rc-support{text-align:center;margin-top:17px;color:#727b9f;font-size:12px}
.rc-support a{color:#8e9cff;text-decoration:none;font-weight:700}
.rc-admin-note{
  position:fixed;left:16px;bottom:16px;z-index:5;
  padding:8px 11px;border-radius:10px;font-size:11px;
  background:rgba(0,0,0,.45);color:rgba(255,255,255,.5);
  backdrop-filter:blur(8px)
}
@media(max-width:800px){
  .rc-page{padding:18px 12px;align-items:flex-start}
  .rc-card{grid-template-columns:1fr;border-radius:25px;margin:18px 0}
  .rc-visual{padding:38px 24px;border-right:0;border-bottom:1px solid var(--rc-border);min-height:330px}
  .rc-app-image,.rc-placeholder{width:210px;border-radius:27px}
  .rc-content{padding:36px 24px 40px}
  .rc-title{font-size:38px}
}
@media(max-width:430px){
  .rc-visual{min-height:280px;padding:30px 20px}
  .rc-app-image,.rc-placeholder{width:175px}
  .rc-content{padding:30px 18px 32px}
  .rc-title{font-size:33px}
  .rc-subtitle{font-size:14px}
}