body {
 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 background: url('https://static.vecteezy.com/system/resources/previews/016/919/991/non_2x/background-of-a-healthy-food-doodle-free-vector.jpg') no-repeat center center fixed;
 background-size: cover;
 margin: 0;
 padding: 0;
 display: flex;
 flex-direction: column;
 align-items: center;   
 min-height: 100vh;
}
.title-pill {
 background: radial-gradient(
   rgb(220, 213, 183) 0%,
   rgba(148, 175, 177, 0.7) 100%
 );
 padding: 10px 0;
 width: 100%;    
 display: block; 
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
 border-radius: 0;
}


header {
 width: 100%;
 text-align: center;
 padding: 30px 0;
 box-sizing: border-box;
}


header h1 {
 font-family: "Brush Script MT", cursive;
 margin: 0;
 color: #486e69;
 font-size: 5rem;
 font-weight: 800;
}


header h3 {
 margin: 5px 0 0 0;
 color: #2d4064;
 font-size: 1.3rem;
 font-weight: 600;
}


nav {
 background: radial-gradient(
   rgb(220, 213, 183) 0%,
   rgba(148, 175, 177, 0.7) 100%
 );
 width: 100%;
 position: relative;
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.7);
 z-index: 10;
}


nav ul {
 list-style-type: none;
 margin: 0;
 padding: 8px 0;
 display: flex;
}


nav ul li {
 flex: 1;
 text-align: center;
}


nav a {
 display: block;
 padding: 3px;
 border-radius: 4px;
 color: #486e69;
 font-size: 20px;
 font-weight: bold;
 text-decoration: none;
}


nav a:hover {
 transition: 0.5s;
 background-color: #FFFFE3;
}


#SMNP {
 background: radial-gradient(
   rgb(220, 213, 183) 0%,
   rgba(148, 175, 177, 0.7) 100%
 );
 backdrop-filter: blur(5px);
 width: 60%;
 max-width: 700px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 padding: 60px;
 border-radius: 70px;
 border: 1px solid rgba(255, 138, 60, 0.9);
 box-sizing: border-box;
 margin: 40px 0;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
}


table {
 width: 100%;
 border-collapse: collapse;
}


h1 {
 font-family: "Brush Script MT", cursive;
 margin: 0;
 color: #486e69;
 text-align: center;
 font-size: 3rem;
 font-weight: 800;
}


td {
 padding: 7px 7px;
}


td:first-child {
 font-weight: 700;
 width: 50%;
 color: #2d4064;
}


.section {
 font-family: "Copperplate", "Copperplate Gothic", fantasy;
 text-align: left !important;
 color: #242243 !important;
 font-size: 1.3rem;
 text-transform: uppercase;
 letter-spacing: 0.9px;
 padding: 30px 0 5px 0 !important;
 border-bottom: 1.2px solid #5d5faf;
}


input:not([type="radio"]):not([type="checkbox"]),
select,
textarea {
 width: 100%;
 padding: 12px;
 border-radius: 12px;
 border: 2px solid #bd7941;
 background-color: rgba(236, 228, 187, 0.5) !important;
 box-sizing: border-box;
 transition: all 0.3s ease;
 font-size: 18px;
 color: rgba(5, 9, 8, 0.5);
}


input:not([type="radio"]):not([type="checkbox"]):focus,
textarea:focus,
select:focus {
 outline: none;
 border-color: #93580b;
 background-color: #e1d0a6 !important;
 box-shadow: 0 0 0 4px rgba(239, 85, 19, 0.25);
 transform: scale(1.2);
}


input[type="radio"], input[type="checkbox"] {
 accent-color: #e6ce93 !important;
 cursor: pointer;
}


input[type="checkbox"]:checked::after {
 content: '';
 display: block;
 text-align: center;
 color: #140804;
 font-size: 14px;
 line-height: 18px;
 border-color: #93580b;
}


input[type="submit"] {
 background: radial-gradient(circle at center, rgba(236, 228, 187, 0.5), #d7c2ac);
 color: rgb(220, 212, 212);
 border: none;
 border-radius: 10px;
 cursor: pointer;
 font-size: 16px;
 font-weight: 600;
 padding: 15px;
 width: 100%;
 margin-top: 30px;
 transition: opacity 0.3s, transform 0.2s, background 0.3s;
}


input[type="submit"]:hover {
 opacity: 0.7;
 transform: translateY(-2px);
}


select[multiple] {
 height: 100px;
}