
*{box-sizing:border-box}
body{
  margin:0;
  font-family:system-ui,Segoe UI,Arial,sans-serif;
  background:linear-gradient(135deg,#0b57a4 0%,#ff6a00 100%);
  background-attachment:fixed;
  color:#111;
}
header{
  background:rgba(255,255,255,0.95);
  position:sticky;top:0;z-index:1000;
  padding:10px 20px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
}
header .brand{font-size:1.4rem;font-weight:700;color:#0b57a4;text-decoration:none}
nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
nav a, .dropbtn{
  background:#fff;
  color:#0b57a4;
  padding:8px 12px;
  border-radius:4px;
  text-decoration:none;
  border:none;
  font:inherit;
  cursor:pointer;
}
nav a:hover, .dropbtn:hover{background:#ff6a00;color:#fff}
.menu-toggle{display:none;font-size:1.8rem;cursor:pointer;color:#0b57a4}
.dropdown{position:relative;display:inline-block}
.dropdown-content{
  display:none;position:absolute;background:#fff;min-width:200px;
  box-shadow:0 2px 6px rgba(0,0,0,0.2);z-index:1001;border-radius:4px;flex-direction:column
}
.dropdown-content a{
  color:#0b57a4;padding:10px 14px;display:block;text-decoration:none
}
.dropdown-content a:hover{background:#ff6a00;color:#fff}
.dropdown:hover .dropdown-content{display:flex}
@media(max-width:768px){
  nav{display:none;flex-direction:column;gap:0;background:rgba(255,255,255,0.95);position:absolute;top:100%;left:0;right:0;padding:10px}
  nav a, .dropbtn{margin:5px 0;width:100%;text-align:left}
  nav.active{display:flex}
  .menu-toggle{display:block}
  .dropdown{width:100%}
  .dropdown-content{position:static;box-shadow:none}
}
main{max-width:900px;margin:20px auto;padding:20px;background:rgba(255,255,255,0.9);border-radius:8px}
iframe.responsive-frame{width:100%;min-height:60vh;border:1px solid #ddd;border-radius:6px;background:#fff}
.info-box{background:#fff;padding:15px;border-radius:8px;margin-top:10px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
.info-box h3{margin-top:0;color:#0b57a4}
.info-box ul{list-style:none;padding:0}
.info-box li{margin:6px 0}
.info-box li ul{list-style:disc;margin-left:20px}
form{margin-top:20px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
form label{display:block;margin:12px 0 4px;font-weight:600}
form input,form select,form textarea{
  width:100%;
  padding:10px;
  border:1px solid #ccc;
  border-radius:4px;
  font-size:1rem;
}
form button{
  margin-top:16px;
  padding:12px 16px;
  background:#0b57a4;
  color:#fff;
  border:none;
  border-radius:6px;
  cursor:pointer;
  font-size:1rem;
  width:100%;
}
form button:hover{background:#ff6a00}
#partner-field{display:none}
footer{margin-top:20px;text-align:center;padding:20px;background:rgba(255,255,255,0.9);color:#0b57a4;font-weight:500}
