/* White-blue theme, Poppins + Lexend Deca */
:root{
  --bg:#f7fbff;
  --card:#ffffff;
  --accent:#0d6efd; /* bootstrap primary */
  --muted:#6c757d;
  --radius:12px;
}
*{box-sizing:border-box}
body{background:linear-gradient(180deg,var(--bg) 0%, #eaf4ff 100%);font-family:'Poppins',system-ui,Arial,Helvetica,sans-serif;color:#0b2340;margin:0;padding:0}
.container{padding-top:40px;padding-bottom:40px}
.card{border-radius:var(--radius);border:0;background:var(--card);font-family:'Lexend Deca', 'Poppins', sans-serif}
.brand-logo{width:56px;height:56px;background:linear-gradient(135deg,var(--accent),#2ea6ff);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:'Poppins';box-shadow:0 6px 18px rgba(13,110,253,0.18)}
.title{font-family:'Lexend Deca', 'Poppins', sans-serif;color:#073766}
input[type=file]::file-selector-button{border:0;background:linear-gradient(90deg,var(--accent),#2ea6ff);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer}
.btn-primary{background:linear-gradient(90deg,var(--accent),#2ea6ff);border:0;box-shadow:0 8px 24px rgba(13,110,253,0.12)}
.preview-img{max-width:100%;border-radius:10px;border:1px solid rgba(0,0,0,0.04);display:block;margin-top:8px}
.alert-url{display:flex;gap:8px;align-items:center}
.input-copy{display:flex;gap:8px}
.copy-btn{border:1px solid rgba(7,55,102,0.06);padding:6px 10px;border-radius:8px;background:#fff;cursor:pointer}
.small{text-transform:none}