*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Segoe UI',sans-serif;
}

body{
    background:linear-gradient(135deg,#0f172a,#1e293b,#111827);
    color:#fff;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
    padding:40px 20px;
}

h1{
    text-align:center;
    font-size:42px;
    color:#FFD700;
    margin-bottom:15px;
}

.subtitle{
    text-align:center;
    color:#d1d5db;
    font-size:18px;
    margin-bottom:40px;
}

.goal-buttons{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
    margin-bottom:40px;
}

.goal-buttons button{
    border:none;
    border-radius:15px;
    padding:18px;
    font-size:18px;
    font-weight:bold;
    cursor:pointer;
    color:#fff;
    background:linear-gradient(45deg,#ff6b00,#ff9800);
    transition:.3s;
    box-shadow:0 10px 25px rgba(255,140,0,.35);
}

.goal-buttons button:hover{
    transform:translateY(-6px) scale(1.03);
    box-shadow:0 20px 35px rgba(255,140,0,.45);
}

.diet-plan{
    display:none;
    background:#1e293b;
    border-radius:20px;
    padding:35px;
    margin-bottom:40px;
    animation:fade .4s ease;
    box-shadow:0 15px 40px rgba(0,0,0,.35);
}

@keyframes fade{

from{
opacity:0;
transform:translateY(25px);
}

to{
opacity:1;
transform:translateY(0);
}

}

.diet-plan h1{
    color:#FFD700;
    text-align:left;
    margin-bottom:25px;
}

.diet-plan h3{
    background:linear-gradient(45deg,#ff9800,#ff6b00);
    color:#fff;
    padding:12px 18px;
    border-radius:10px;
    margin:25px 0 15px;
    font-size:22px;
}

.diet-plan p{
    line-height:1.9;
    color:#e5e7eb;
}

.diet-plan ul{
    list-style:none;
    margin-top:10px;
}

.diet-plan li{
    background:#334155;
    margin:12px 0;
    padding:15px 20px;
    border-radius:12px;
    transition:.3s;
    font-size:17px;
}

.diet-plan li:hover{
    background:#475569;
    transform:translateX(10px);
}

hr{
    border:none;
    height:2px;
    background:#475569;
    margin:25px 0;
}

@media(max-width:768px){

.container{
padding:20px;
}

h1{
font-size:30px;
}

.goal-buttons{
grid-template-columns:1fr;
}

.goal-buttons button{
font-size:17px;
}

}
.daily-target{

background:linear-gradient(135deg,#ff9800,#ff6b00);
padding:30px;
border-radius:20px;
margin:30px 0;
color:white;

}

.daily-target h2{

text-align:center;
margin-bottom:25px;

}

.target-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:20px;

}

.target-card{

background:rgba(255,255,255,.15);
padding:20px;
border-radius:15px;
text-align:center;
transition:.3s;

}

.target-card:hover{

transform:translateY(-8px);
background:rgba(255,255,255,.25);

}

.target-card h3{

margin:10px 0;

}

.target-card p{

font-size:20px;
font-weight:bold;

}
.meal-card{

background:#334155;
padding:25px;
border-radius:20px;
margin:20px 0;

}

.meal-table{

width:100%;
border-collapse:collapse;
margin-top:20px;

}

.meal-table th{

background:#ff9800;
padding:15px;
color:white;

}

.meal-table td{

padding:15px;
border-bottom:1px solid #475569;

}

.meal-table tr:hover{

background:#475569;

}

.meal-summary{

margin-top:20px;
padding:20px;
background:linear-gradient(45deg,#00c853,#4caf50);
border-radius:15px;
font-size:18px;
line-height:2;

}

/* ===== Assam-focused nutrition refresh ===== */
:root { --navy:#081322; --panel:#101f34; --line:rgba(203,213,225,.16); --saffron:#ff9f43; --leaf:#5acb85; --sky:#69cff5; --cream:#f8fafc; }
body { background: radial-gradient(circle at 88% 2%, #1d4770 0, transparent 27rem), var(--navy); color:var(--cream); font-family:Inter,Segoe UI,sans-serif; }
.container { width:min(1120px, calc(100% - 32px)); padding:28px 0 60px; }
.diet-hero { position:relative; overflow:hidden; min-height:360px; display:flex; align-items:center; border:1px solid rgba(255,159,67,.32); border-radius:24px; background:#0a1525 url('../assets/assam-nutrition-hero.png') center / cover no-repeat; box-shadow:0 24px 56px rgba(0,0,0,.3); }
.diet-hero::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(5,13,26,.97), rgba(5,13,26,.86) 38%, rgba(5,13,26,.08) 70%); }
.diet-hero-content { position:relative; max-width:530px; padding:42px 46px; }
.diet-kicker { display:inline-block; padding:7px 12px; border:1px solid rgba(90,203,133,.48); border-radius:999px; background:rgba(90,203,133,.12); color:#cbf8db; font-size:11px; font-weight:800; letter-spacing:1.2px; }
.diet-hero h1 { margin:15px 0 12px; color:#fff; text-align:left; font-size:clamp(35px,5vw,54px); line-height:1.08; letter-spacing:-1.7px; }
.diet-hero h1 em { color:var(--saffron); font-style:normal; }.diet-hero p { margin:0; color:#d9e4f0; font-size:15px; line-height:1.7; }
.hero-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:21px; }.hero-chips span { padding:7px 9px; border:1px solid rgba(255,255,255,.15); border-radius:8px; background:rgba(8,19,34,.55); color:#dce8f4; font-size:12px; }
.diet-disclaimer { display:flex; gap:12px; margin:20px 0 28px; padding:14px 17px; border:1px solid rgba(105,207,245,.25); border-left:4px solid var(--sky); border-radius:12px; background:rgba(24,55,84,.42); color:#cbd9e7; font-size:13px; line-height:1.6; }.diet-disclaimer i { font-style:normal; font-size:18px; }.diet-disclaimer p { margin:0; }
.container > h1 { margin-top:36px; font-size:29px; color:#fff; }.subtitle { color:#aebfd0; margin-bottom:24px; }
.goal-buttons { gap:12px; margin-bottom:28px; }.goal-buttons button { position:relative; overflow:hidden; padding:17px; border:1px solid rgba(255,159,67,.32); border-radius:13px; background:linear-gradient(135deg, #ff8c35, #df5f2a); box-shadow:0 10px 20px rgba(191,76,17,.2); }.goal-buttons button:hover { transform:translateY(-4px); box-shadow:0 17px 28px rgba(191,76,17,.32); }
.diet-plan { padding:28px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(135deg,rgba(20,39,63,.98),rgba(12,25,43,.97)); box-shadow:0 18px 42px rgba(0,0,0,.25); scroll-margin-top:20px; }.diet-plan h1 { color:#fff; font-size:28px; }.plan-intro { max-width:760px; margin-bottom:20px; color:#d4e0ea !important; font-size:15px; }
.local-plate { display:flex; align-items:center; gap:14px; margin:18px 0 22px; padding:14px 16px; border:1px solid rgba(90,203,133,.28); border-radius:13px; background:rgba(90,203,133,.08); color:#d5ebdd; font-size:14px; line-height:1.55; }.local-plate > span { font-size:30px; }.local-plate strong { color:#a6edbd; }
.meal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.meal-card { margin:0; padding:17px; border:1px solid var(--line); border-radius:13px; background:rgba(7,17,30,.32); }.meal-card h3 { margin:0 0 9px; padding:0; color:#ffd09c; background:none; font-size:15px; }.meal-card p { color:#d1deea; font-size:14px; line-height:1.65; }.plan-footer { margin-top:18px; padding:14px 16px; border-radius:12px; background:rgba(255,159,67,.1); color:#f5d6b3; font-size:13px; line-height:1.6; }
@media(max-width:700px) { .container { width:min(100% - 24px,1120px); padding-top:12px; }.diet-hero { min-height:430px; align-items:flex-start; background-position:61% center; }.diet-hero::before { background:linear-gradient(180deg,rgba(5,13,26,.91),rgba(5,13,26,.5)); }.diet-hero-content { padding:30px 24px; }.diet-hero h1 { font-size:39px; }.diet-plan { padding:20px 16px; }.meal-grid { grid-template-columns:1fr; }.container > h1 { font-size:26px; } }