.preg-calculator{--preg-primary: #ec4899;--preg-secondary: #f472b6;--preg-accent: #f9a8d4;--preg-dark: #831843;--preg-light: #fdf2f8;--preg-gradient: linear-gradient(135deg, #ec4899 0%, #db2777 50%, #be185d 100%);--preg-card-bg: #ffffff;--preg-border: #e5e7eb;--preg-text: #1f2937;--preg-text-muted: #6b7280;max-width:900px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif}.preg-header{text-align:center;margin-bottom:2rem;padding:2rem;background:var(--preg-gradient);border-radius:20px;color:#fff;position:relative;overflow:hidden}.preg-header:before{content:"🤰";position:absolute;font-size:8rem;opacity:.1;right:-1rem;top:50%;transform:translateY(-50%)}.preg-title{font-size:2rem;font-weight:800;margin:0 0 .5rem;position:relative}.preg-description{font-size:1.1rem;opacity:.95;margin:0;position:relative}.preg-formula-container{background:var(--preg-card-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #ec48991a;border:1px solid var(--preg-border)}.preg-formula-title{font-size:1.1rem;font-weight:700;color:var(--preg-dark);margin:0 0 1rem;text-align:center}.preg-formula-grid{display:grid;grid-template-columns:1fr;gap:1rem}.preg-formula-card{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-radius:12px;padding:1.25rem;text-align:center}.preg-formula-label{font-size:.875rem;font-weight:600;color:var(--preg-primary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.preg-formula-display{min-height:3rem;display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden}.preg-form-container{background:var(--preg-card-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #ec48991a;border:1px solid var(--preg-border)}.preg-mode-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem;background:var(--preg-light);padding:.375rem;border-radius:12px}.preg-mode-btn{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.75rem .5rem;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all .3s ease}.preg-mode-btn.active{background:#fff;box-shadow:0 2px 8px #ec489933}.preg-mode-label{font-weight:700;font-size:.85rem;color:var(--preg-dark)}.preg-mode-detail{font-size:.65rem;color:var(--preg-text-muted);text-align:center}.preg-form{display:flex;flex-direction:column;gap:1.25rem}.preg-input-group{display:flex;flex-direction:column;gap:.5rem}.preg-input-group.hidden{display:none}.preg-label{font-weight:600;font-size:.9rem;color:var(--preg-text)}.preg-input{padding:.875rem 1rem;border:2px solid var(--preg-border);border-radius:10px;font-size:1rem;transition:all .2s ease;background:#fff}.preg-input:focus{outline:none;border-color:var(--preg-primary);box-shadow:0 0 0 4px #ec48991a}.preg-input-with-unit{display:flex;align-items:center;gap:.5rem}.preg-input-with-unit .preg-input{flex:1}.preg-input-unit{font-weight:600;color:var(--preg-text-muted)}.preg-input-note{font-size:.75rem;color:var(--preg-text-muted);font-style:italic}.preg-buttons{display:grid;grid-template-columns:2fr 1fr;gap:.75rem;margin-top:.5rem}.preg-calculate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--preg-gradient);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ec48994d}.preg-calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.preg-btn-icon{font-size:1.25rem}.preg-reset-btn{padding:1rem;background:var(--preg-light);color:var(--preg-primary);border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.preg-reset-btn:hover{background:#fbcfe8}.preg-results{background:var(--preg-card-bg);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #ec48991a;border:1px solid var(--preg-border)}.preg-results.hidden{display:none}.preg-results-title{font-size:1.25rem;font-weight:700;color:var(--preg-dark);margin:0 0 1.25rem;text-align:center}.preg-main-result{background:var(--preg-gradient);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;color:#fff}.preg-due-date-display{display:flex;align-items:center;gap:1rem;justify-content:center}.preg-due-date-icon{font-size:3rem}.preg-due-date-content{display:flex;flex-direction:column;gap:.25rem}.preg-due-date-label{font-size:.85rem;opacity:.9;text-transform:uppercase;letter-spacing:.05em}.preg-due-date-value{font-size:1.25rem;font-weight:700}.preg-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.preg-status-card{display:flex;align-items:center;gap:.75rem;background:#f9fafb;border-radius:12px;padding:1rem}.preg-status-card.primary{background:var(--preg-light);border:2px solid var(--preg-primary)}.preg-status-icon{font-size:1.5rem}.preg-status-content{display:flex;flex-direction:column;gap:.125rem}.preg-status-label{font-size:.7rem;font-weight:600;color:var(--preg-text-muted);text-transform:uppercase}.preg-status-value{font-size:1rem;font-weight:700;color:var(--preg-dark)}.preg-progress-container{margin-bottom:1.5rem}.preg-progress-label{font-size:.85rem;font-weight:600;color:var(--preg-dark);margin-bottom:.5rem}.preg-progress-bar{height:1.5rem;background:#e5e7eb;border-radius:.75rem;position:relative;overflow:hidden}.preg-progress-fill{height:100%;background:var(--preg-gradient);border-radius:.75rem;transition:width .5s ease}.preg-progress-markers{position:absolute;inset:0}.preg-marker{position:absolute;top:50%;transform:translateY(-50%);font-size:.6rem;font-weight:600;color:#fff;background:#0000004d;padding:.125rem .25rem;border-radius:.25rem}.preg-trimester-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.7rem;color:var(--preg-text-muted)}.preg-dates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.preg-date-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:var(--preg-light);border-radius:12px;padding:1rem;text-align:center}.preg-date-icon{font-size:1.5rem}.preg-date-label{font-size:.7rem;font-weight:600;color:var(--preg-text-muted);text-transform:uppercase}.preg-date-value{font-size:.9rem;font-weight:700;color:var(--preg-dark)}.preg-content{margin-top:3rem}.preg-section{margin-bottom:2.5rem}.preg-section-title{font-size:1.5rem;font-weight:800;color:var(--preg-dark);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:3px solid var(--preg-accent)}.preg-paragraph{color:var(--preg-text);line-height:1.7;margin-bottom:1rem}.preg-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.preg-feature-card{background:var(--preg-card-bg);border-radius:12px;padding:1.25rem;text-align:center;border:1px solid var(--preg-border)}.preg-feature-icon{font-size:2rem;display:block;margin-bottom:.75rem}.preg-feature-title{font-size:1rem;font-weight:700;color:var(--preg-dark);margin:0 0 .5rem}.preg-feature-description{font-size:.875rem;color:var(--preg-text-muted);margin:0;line-height:1.5}.preg-tips-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.preg-tip-card{display:flex;gap:1rem;background:var(--preg-card-bg);border-radius:12px;padding:1.25rem;border:1px solid var(--preg-border)}.preg-tip-icon{font-size:1.5rem;flex-shrink:0}.preg-tip-content{flex:1}.preg-tip-title{font-size:1rem;font-weight:700;color:var(--preg-dark);margin:0 0 .375rem}.preg-tip-text{font-size:.9rem;color:var(--preg-text-muted);margin:0;line-height:1.6}.preg-table-wrapper{overflow-x:auto;margin-top:1.5rem;border-radius:12px;border:1px solid var(--preg-border)}.preg-table{width:100%;border-collapse:collapse;font-size:.85rem}.preg-table th{background:var(--preg-light);padding:.875rem .75rem;text-align:left;font-weight:700;color:var(--preg-dark);border-bottom:2px solid var(--preg-border)}.preg-table td{padding:.875rem .75rem;border-bottom:1px solid var(--preg-border);color:var(--preg-text)}.preg-table-row.first{background:#ec489908}.preg-table-row.second{background:#ec48990f}.preg-table-row.third{background:#ec48991a}.preg-faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.preg-faq-item{background:var(--preg-card-bg);border-radius:12px;border:1px solid var(--preg-border);overflow:hidden}.preg-faq-question{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;font-weight:600;color:var(--preg-dark);list-style:none}.preg-faq-question::-webkit-details-marker{display:none}.preg-faq-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--preg-gradient);color:#fff;border-radius:6px;font-size:.75rem;font-weight:800;flex-shrink:0}.preg-faq-item[open] .preg-faq-question{border-bottom:1px solid var(--preg-border)}.preg-faq-answer{padding:1rem 1.25rem;background:#fafafa}.preg-faq-answer p{margin:0;color:var(--preg-text);line-height:1.7;font-size:.95rem}@media (max-width: 768px){.preg-title{font-size:1.5rem}.preg-header:before{font-size:5rem}.preg-mode-toggle,.preg-status-grid,.preg-dates-grid,.preg-features-grid,.preg-buttons{grid-template-columns:1fr}}.hidden{display:none!important}