/* --- Container --- */
.cc-container { max-width:600px; margin:20px auto; font-family:'Montserrat', sans-serif; padding:20px; border:1px solid #ccc; border-radius:10px;
 background:#fff; }

/* --- Titles --- */
.cc-container h1 { font-size:1.8em; margin-bottom:10px; text-align:center; color:#333; }
.cc-container h2 { font-size:1.2em; margin-top:20px; margin-bottom:10px; }

/* --- Rows --- */
.cc-row { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:15px; }
.cc-field { flex:1; min-width:120px; display:flex; flex-direction:column; }

/* --- Labels & Inputs --- */
.cc-field label { margin-bottom:5px; font-weight:600; }
.cc-field input, .cc-field select { padding:8px; border:1px solid #ccc; border-radius:5px; font-size:1em; }

/* --- Button --- */
.cc-btn { padding:10px 20px; background:#007bff; color:#fff; border:none; border-radius:5px; cursor:pointer; font-size:1em;}
.cc-btn:hover { background:#0056b3; }

/* --- Result --- */
.cc-result { display:none; margin-top:20px; padding:15px; background:#e8f5e9; border:1px solid #c8e6c9; border-radius:8px; }
.cc-result p { margin:5px 0; font-weight:600; }

/* --- Responsive --- */
@media(max-width:480px){ .cc-row { flex-direction:column; } }