:root{--bg-primary:#fff5f7;--bg-secondary:#ffffff;--bg-tertiary:#fce7f3;--text-primary:#831843;--text-secondary:#9d174d;--border-color:#fbcfe8;--accent-primary:#ec4899;--accent-gradient:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);--radius-md:12px;--radius-lg:16px}
[data-theme="dark"]{--bg-primary:#1f1020;--bg-secondary:#2d1f30;--bg-tertiary:#3d2a40;--text-primary:#fce7f3;--text-secondary:#fbcfe8;--border-color:#4a3050}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}
.theme-toggle{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;border:none;background:var(--bg-secondary);box-shadow:0 4px 6px rgba(0,0,0,0.1);cursor:pointer;z-index:1000}
.sun-icon,.moon-icon{font-size:1.5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .3s}
.moon-icon{opacity:0}[data-theme="dark"] .sun-icon{opacity:0}[data-theme="dark"] .moon-icon{opacity:1}
.container{max-width:700px;margin:0 auto;padding:40px 20px}
header{text-align:center;margin-bottom:40px}
h1{font-size:2.2rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.subtitle{color:var(--text-secondary);font-size:1.1rem;margin-top:10px}
.calculator-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:30px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
.calc-method{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.calc-method label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-primary)}
.date-input{margin-bottom:20px}
.date-input label{display:block;margin-bottom:8px;font-weight:600}
.date-input input{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background:var(--bg-primary);color:var(--text-primary)}
.btn{width:100%;padding:15px;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer}
.btn-primary{background:var(--accent-gradient);color:white}
.results{display:none;margin-top:30px;text-align:center}
.due-date{padding:30px;background:var(--accent-gradient);border-radius:var(--radius-md);color:white;margin-bottom:20px}
.due-date .label{display:block;font-size:0.9rem;opacity:0.9;margin-bottom:5px}
.due-date .date{font-size:2rem;font-weight:800}
.pregnancy-info{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}
.info-item{background:var(--bg-tertiary);padding:20px 15px;border-radius:var(--radius-md)}
.info-item .value{display:block;font-size:2rem;font-weight:800;color:var(--accent-primary)}
.info-item .label{font-size:0.85rem;color:var(--text-secondary)}
.milestones{text-align:left;background:var(--bg-tertiary);padding:20px;border-radius:var(--radius-md)}
.milestones h3{margin-bottom:15px;font-size:1rem}
.milestone{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-color)}
.milestone:last-child{border:none}
.trust-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin:50px 0}
.badge{text-align:center;padding:20px 15px;background:var(--bg-secondary);border-radius:var(--radius-md)}
.badge-icon{font-size:2rem;display:block;margin-bottom:8px}
.badge-text{font-weight:700}
.faq-section{margin:50px 0}
.faq-section h2{text-align:center;font-size:1.8rem;margin-bottom:30px}
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.faq-item{background:var(--bg-secondary);padding:25px;border-radius:var(--radius-md)}
.faq-item h3{font-size:1rem;margin-bottom:12px}
.faq-item p{color:var(--text-secondary);font-size:0.9rem}
footer{text-align:center;padding:40px 20px;border-top:1px solid var(--border-color)}
footer p{color:var(--text-secondary);font-size:0.9rem;margin-bottom:10px}
footer a{color:var(--accent-primary);text-decoration:none}
@media(max-width:600px){h1{font-size:1.8rem}.pregnancy-info{grid-template-columns:1fr}}