.bio-layout{background:#f0f9ff;flex-direction:column;min-height:100vh;display:flex}.bio-header{z-index:100;background:linear-gradient(135deg,#0c4a6e 0%,#082f49 100%);border-bottom:1px solid #0ea5e933;position:sticky;top:0}.bio-header-content{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:14px 24px;display:flex}.bio-logo{font-family:var(--font-serif);color:#0ea5e9;letter-spacing:.02em;font-size:1.2rem;text-decoration:none}.bio-nav-cta{color:#0ea5e9;white-space:nowrap;background:#0ea5e91a;border:1px solid #0ea5e959;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.bio-nav-cta:hover{background:#0ea5e933}.bio-main{flex:1}.bio-hero{text-align:center;background:linear-gradient(160deg,#082f49 0%,#0c4a6e 50%,#0a3d5c 100%);padding:64px 24px 56px;position:relative;overflow:hidden}.bio-hero:before{content:"~ ~ ~ ~ ~ ~ ~ ~ ~";color:#0ea5e91f;letter-spacing:16px;text-align:center;font-size:1.4rem;position:absolute;top:18px;left:0;right:0}.bio-hero-eyebrow{color:#0ea5e9;letter-spacing:.15em;text-transform:uppercase;opacity:.85;align-items:center;gap:6px;margin-bottom:16px;font-size:.8rem;font-weight:600;display:inline-flex}.bio-hero-title{font-family:var(--font-serif);color:#fff;margin:0 0 16px;font-size:clamp(2.2rem,6vw,3.4rem);line-height:1.15}.bio-hero-subtitle{color:#ffffffb3;max-width:580px;margin:0 auto;font-size:1.05rem;line-height:1.6}.bio-section{max-width:760px;margin:0 auto;padding:48px 24px 0}.bio-card{background:#fff;border:1px solid #e0f2fe;border-radius:16px;padding:36px;box-shadow:0 4px 24px #0c4a6e12}.bio-card-title{font-family:var(--font-serif);color:#0c4a6e;text-align:center;margin:0 0 24px;font-size:1.5rem}.bio-form{flex-direction:column;gap:20px;display:flex}.bio-form-group{flex-direction:column;gap:6px;display:flex}.bio-form-label{color:#0c4a6e;letter-spacing:.01em;font-size:.875rem;font-weight:600}.bio-form-label span{color:var(--color-text-lighter);margin-left:4px;font-weight:400}.bio-form-input{width:100%;font-size:1rem;font-family:var(--font-sans);color:var(--color-text);appearance:none;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.bio-form-input:focus{background:#fff;border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e91f}.bio-form-hint{color:var(--color-text-lighter);font-size:.78rem;line-height:1.4}.bio-submit{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.bio-submit-btn{color:#fff;width:100%;font-size:1.05rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#0369a1,#0ea5e9);border:none;border-radius:12px;padding:15px 24px;transition:opacity .2s,transform .1s}.bio-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.bio-submit-btn:active{transform:translateY(0)}.bio-privacy-note{color:var(--color-text-lighter);font-size:.76rem}.bio-results{margin-top:48px;animation:.4s bioFadeIn}@keyframes bioFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bio-results-header{text-align:center;margin-bottom:28px}.bio-results-label{letter-spacing:.12em;text-transform:uppercase;color:#0ea5e9;margin-bottom:8px;font-size:.78rem;font-weight:600}.bio-results-title{font-family:var(--font-serif);color:#0c4a6e;margin:0;font-size:1.6rem}.bio-results-days{color:#64748b;margin-top:6px;font-size:.85rem}.bio-gauge-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}@media (max-width:640px){.bio-gauge-grid{grid-template-columns:1fr}}.bio-gauge-card{text-align:center;background:#fff;border:1.5px solid #e0f2fe;border-radius:16px;padding:24px 20px}.bio-gauge-physical{border-top:3px solid #ef4444}.bio-gauge-emotional{border-top:3px solid #22c55e}.bio-gauge-intellectual{border-top:3px solid #3b82f6}.bio-gauge-label{letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:8px;font-size:.72rem;font-weight:700}.bio-gauge-value{font-family:var(--font-serif);margin-bottom:6px;font-size:2.4rem;font-weight:700;line-height:1}.bio-gauge-physical .bio-gauge-value{color:#dc2626}.bio-gauge-emotional .bio-gauge-value{color:#16a34a}.bio-gauge-intellectual .bio-gauge-value{color:#2563eb}.bio-gauge-phase{letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:600}.bio-gauge-physical .bio-gauge-phase{color:#ef4444}.bio-gauge-emotional .bio-gauge-phase{color:#22c55e}.bio-gauge-intellectual .bio-gauge-phase{color:#3b82f6}.bio-gauge-bar{background:#f1f5f9;border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.bio-gauge-fill{border-radius:3px;height:100%;transition:width .6s}.bio-fill-physical{background:linear-gradient(90deg,#fca5a5,#ef4444)}.bio-fill-emotional{background:linear-gradient(90deg,#86efac,#22c55e)}.bio-fill-intellectual{background:linear-gradient(90deg,#93c5fd,#3b82f6)}.bio-gauge-desc{color:#64748b;font-size:.78rem;line-height:1.5}.bio-harmony-card{text-align:center;background:#fff;border:1.5px solid #e0f2fe;border-radius:16px;margin-bottom:16px;padding:24px}.bio-harmony-label{letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:6px;font-size:.72rem;font-weight:700}.bio-harmony-value{font-family:var(--font-serif);color:#0c4a6e;margin-bottom:10px;font-size:2rem}.bio-harmony-bar{background:#f1f5f9;border-radius:4px;max-width:300px;height:8px;margin:0 auto 10px;overflow:hidden}.bio-harmony-fill{background:linear-gradient(90deg,#0ea5e9,#0369a1);border-radius:4px;height:100%;transition:width .6s}.bio-harmony-desc{color:#64748b;font-size:.78rem;line-height:1.5}.bio-chart-section{margin-bottom:16px}.bio-chart-title{font-family:var(--font-serif);color:#0c4a6e;margin:0 0 16px;font-size:1.2rem}.bio-chart-wrap{background:#fff;border:1.5px solid #e0f2fe;border-radius:16px;padding:20px 16px 12px;overflow-x:auto}.bio-chart-svg{width:100%;min-width:500px;height:auto}.bio-chart-legend{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:12px;display:flex}.bio-chart-legend-item{color:#64748b;align-items:center;gap:6px;font-size:.78rem;display:flex}.bio-legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.bio-critical-section{margin-bottom:16px}.bio-critical-title{font-family:var(--font-serif);color:#0c4a6e;margin:0 0 6px;font-size:1.2rem}.bio-critical-desc{color:#64748b;margin:0 0 14px;font-size:.82rem}.bio-critical-list{flex-direction:column;gap:8px;display:flex}.bio-critical-item{background:#fff;border:1px solid #e0f2fe;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.bio-critical-date{color:#0c4a6e;font-size:.88rem;font-weight:500}.bio-critical-cycle{letter-spacing:.08em;text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:700}.bio-critical-fizyczny{color:#dc2626;background:#ef44441a}.bio-critical-emocjonalny{color:#16a34a;background:#22c55e1a}.bio-critical-intelektualny{color:#2563eb;background:#3b82f61a}.bio-interpretation{background:#fff;border:1.5px solid #e0f2fe;border-radius:16px;margin-bottom:16px;padding:24px}.bio-interpretation-title{font-family:var(--font-serif);color:#0c4a6e;margin:0 0 10px;font-size:1.1rem}.bio-interpretation-text{color:#475569;margin:0;font-size:.92rem;line-height:1.7}.bio-results-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#082f49,#0c4a6e);border-radius:16px;padding:32px 28px}.bio-results-cta-title{font-family:var(--font-serif);color:#0ea5e9;margin:0 0 10px;font-size:1.4rem}.bio-results-cta-text{color:#ffffffb8;margin:0 0 20px;font-size:.9rem;line-height:1.6}.bio-results-cta-btn{color:#fff;background:#0ea5e9;border-radius:10px;align-items:center;gap:8px;padding:13px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.bio-results-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.bio-info{max-width:760px;margin:64px auto 0;padding:0 24px}.bio-info-title{font-family:var(--font-serif);color:#0c4a6e;margin:0 0 20px;font-size:1.8rem}.bio-info-text{color:#475569;margin:0 0 16px;font-size:.95rem;line-height:1.8}.bio-cycles-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}@media (max-width:640px){.bio-cycles-grid{grid-template-columns:1fr}}.bio-cycle-chip{text-align:center;background:#fff;border:1.5px solid #e0f2fe;border-radius:12px;padding:18px 14px}.bio-cycle-physical{border-top:3px solid #ef4444}.bio-cycle-emotional{border-top:3px solid #22c55e}.bio-cycle-intellectual{border-top:3px solid #3b82f6}.bio-cycle-period{font-family:var(--font-serif);margin-bottom:6px;font-size:1.4rem;line-height:1}.bio-cycle-physical .bio-cycle-period{color:#ef4444}.bio-cycle-emotional .bio-cycle-period{color:#22c55e}.bio-cycle-intellectual .bio-cycle-period{color:#3b82f6}.bio-cycle-name{color:#0c4a6e;margin-bottom:6px;font-size:.82rem;font-weight:700}.bio-cycle-desc{color:#64748b;font-size:.75rem;line-height:1.5}.bio-faq{max-width:760px;margin:64px auto 0;padding:0 24px}.bio-faq-title{font-family:var(--font-serif);color:#0c4a6e;margin:0 0 24px;font-size:1.8rem}.bio-faq-list{flex-direction:column;gap:12px;display:flex}.bio-faq-item{background:#fff;border:1px solid #e0f2fe;border-radius:12px;padding:20px 24px}.bio-faq-q{color:#0c4a6e;margin:0 0 10px;font-size:.95rem;font-weight:600}.bio-faq-a{color:#475569;margin:0;font-size:.88rem;line-height:1.7}.bio-seo{max-width:760px;margin:64px auto 0;padding:0 24px}.bio-seo-title{font-family:var(--font-serif);color:#0c4a6e;margin:0 0 16px;font-size:1.8rem}.bio-seo-text{color:#334155;margin:0 0 12px;font-size:.95rem;line-height:1.75}.bio-seo-text a{color:#0369a1;text-underline-offset:2px;-webkit-text-decoration:underline #0369a14d;text-decoration:underline #0369a14d}.bio-seo-text a:hover{text-decoration-color:#0369a1}.bio-cta-banner{text-align:center;background:linear-gradient(135deg,#082f49,#0c4a6e);margin-top:64px;padding:56px 24px}.bio-cta-banner-title{font-family:var(--font-serif);color:#0ea5e9;margin:0 0 12px;font-size:clamp(1.6rem,4vw,2.2rem)}.bio-cta-banner-text{color:#ffffffad;max-width:500px;margin:0 auto 28px;font-size:.95rem;line-height:1.6}.bio-cta-banner-btn{color:#fff;background:#0ea5e9;border-radius:12px;align-items:center;gap:8px;padding:15px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.bio-cta-banner-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e973}