*{ box-sizing:border-box; }

body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:#f5f7fb;
  color:#0d1e3c;
}

/* PAGE */
.denonco-page{
  max-width:1100px;
  margin:40px auto;
  padding:0 16px;
}

/* HEADER */
.denonco-header{
  background:#1c2f5c;
  color:#ffffff;
  padding:16px 24px;
  border-radius:14px 14px 0 0;
}

.denonco-header h1{
  margin:0;
  font-size:24px;
}

/* TABS */
.denonco-tabs{
  display:flex;
  background:#e6e8ec;
  padding:6px;
  border-radius:999px;
  margin:24px 0;
  gap:6px;
}

.tab-btn{
  flex:1;
  border:0;
  background:transparent;
  padding:12px 16px;
  border-radius:50px;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  color:#1c2f5c;
}

.tab-btn.active{
  background: linear-gradient(135deg, #0d3b66, #1b6ca8);
  color:#ffffff;
}

/* CONTENT */
.denonco-content{
  background:#ffffff;
  border-radius:22px;
  padding:28px;
}

/* FORMS */
.denonco-form{
  display:none;
  flex-direction:column;
  gap:22px;
}

.denonco-form.active{
  display:flex;
}

label{
  display:flex;
  flex-direction:column;
  gap:8px;
  font-weight:600;
  color:#1c2f5c;
}

input[type="text"],
input[type="file"],
textarea{
  border:0;
  background:#f3f4f6;
  border-radius:999px;
  padding:14px 18px;
  font-size:15px;
  outline:none;
}

textarea{
  border-radius:18px;
  resize:vertical;
}

input[type="file"]{
  background:#ffffff;
  border:1px solid #e0e4ea;
}

/* BUTTON */
.submit-btn{
  align-self:flex-start;
  background: linear-gradient(135deg, #0d3b66, #1b6ca8);
  color:#ffffff;
  border:0;
  padding:8px 28px;
  border-radius:999px;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
}

/* RESPONSIVE */
@media(max-width:700px){
  .denonco-tabs{
    flex-direction:column;
    border-radius:18px;
  }
  .tab-btn{
    border-radius:18px;
  }
}