.csapatok-page{background:var(--color-page)}
.csapatok-page .section{padding-block:var(--space-9)}
.csapatok-page .eyebrow{margin-block-end:var(--space-3)}
.csapatok-breadcrumb{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-2);margin-block-end:var(--space-5);font-size:var(--text-xs);color:var(--color-text-muted)}
.csapatok-hero{padding-block:var(--space-7) var(--space-9);background:linear-gradient(120deg,#f7f9fc 0%,#f7f9fc 58%,#eee8f8 100%)}
.csapatok-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-6);align-items:center}
.csapatok-hero__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-4)}
.csapatok-hero__copy h1{max-width:38.75rem;margin:0;font-size:clamp(3rem,5.1vw,4rem)}
.csapatok-hero__lead{max-width:35rem;margin:0;font-size:var(--text-lead);line-height:1.4}
.csapatok-hero__button{min-height:3rem}
.csapatok-independence{display:flex;min-width:0;max-width:35rem;flex-direction:column;gap:var(--space-3);border:1px solid var(--color-border);border-left:4px solid var(--color-royal-purple);border-radius:var(--radius-card);background:rgba(255,255,255,.78);padding:var(--space-4)}
.csapatok-independence__badges{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-2)}
.csapatok-independence p{margin:0;font-size:var(--text-sm);line-height:1.5}
.csapatok-hero__media{position:relative;min-width:0;overflow:hidden;margin:0;border:18px solid var(--color-royal-purple);border-radius:var(--radius-panel);background:var(--color-royal-purple);box-shadow:var(--shadow-panel)}
.csapatok-hero__media::after{position:absolute;inset:0;content:"";pointer-events:none;background:repeating-linear-gradient(135deg,rgba(8,174,184,.08) 0 1px,transparent 1px 9px)}
.csapatok-hero__media img{width:100%;max-width:100%;aspect-ratio:16/10;object-fit:cover}
.csapatok-section-intro{max-width:38.75rem;margin-block-end:var(--space-6)}
.csapatok-section-intro--wide{max-width:45rem}
.csapatok-section-intro h2,.csapatok-roles__intro h2{margin-block-end:var(--space-3)}
.csapatok-section-intro p,.csapatok-roles__intro p{margin:0}
.csapatok-principles{background:var(--color-paper-white)}
.csapatok-principles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.csapatok-principle-card{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-3);border:1px solid var(--color-border);border-top:4px solid var(--color-royal-purple);border-radius:var(--radius-card);background:var(--color-paper-white);padding:var(--space-5)}
.csapatok-principle-card--mechanic{border-top-color:var(--color-electric-turquoise)}
.csapatok-principle-card--strategy{border-top-color:var(--color-flame-orange);background:var(--color-soft-lavender)}
.csapatok-principle-card h3,.csapatok-principle-card p{margin:0}
.csapatok-number{color:var(--color-royal-purple);font-family:var(--font-heading);font-size:2rem;font-weight:800;line-height:1}
.csapatok-roles{background:var(--color-royal-purple);color:var(--color-ice-white)}
.csapatok-roles__intro{max-width:42.5rem;margin-block-end:var(--space-6)}
.csapatok-roles__intro .eyebrow{color:#d8c8ef}.csapatok-roles__intro h2{color:var(--color-ice-white)}
.csapatok-role-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-4);padding:var(--space-5);border:1px solid rgba(247,249,252,.45);border-radius:var(--radius-panel);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 8px)}
.csapatok-role-card{display:flex;grid-column:span 3;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-3);border:1px solid rgba(247,249,252,.55);border-radius:var(--radius-card);background:var(--color-paper-white);padding:var(--space-5);color:var(--color-graphite);transition:transform var(--transition-base)}
.csapatok-role-card--main,.csapatok-role-card--synergy,.csapatok-role-card--development{grid-column:span 6}.csapatok-role-card--main{border-top:4px solid var(--color-flame-orange)}.csapatok-role-card--synergy{border-top:4px solid var(--color-electric-turquoise)}.csapatok-role-card--development{background:var(--color-soft-lavender)}
.csapatok-role-card h3,.csapatok-role-card p{margin:0}.csapatok-role-card--main p{max-width:29.4rem}
.csapatok-role-card:hover{transform:translateY(-4px)}
.csapatok-class{background:var(--color-ice-white)}
.csapatok-class__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-block-end:var(--space-5)}
.csapatok-class-panel{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5)}
.csapatok-class-panel--mechanic{border-left:5px solid var(--color-electric-turquoise);background:var(--color-paper-white)}.csapatok-class-panel--strategy{border-top:5px solid var(--color-flame-orange);background:var(--color-soft-lavender)}
.csapatok-class-panel h3,.csapatok-class-panel p{margin:0}.csapatok-class-panel p{max-width:35rem}
.csapatok-check-panel{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-paper-white);padding:var(--space-5)}
.csapatok-check-panel h3,.csapatok-check-panel ul{margin:0}.csapatok-check-panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:var(--space-3);padding:0;list-style:none}.csapatok-check-panel li{min-width:0;padding-left:1.5rem;position:relative}.csapatok-check-panel li::before{position:absolute;left:0;content:"✓";color:var(--color-electric-turquoise);font-weight:700}
.csapatok-synergy{background:var(--color-paper-white)}
.csapatok-synergy__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-6);align-items:start}.csapatok-synergy__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.csapatok-synergy__copy h2,.csapatok-synergy__copy p{margin:0}.csapatok-synergy__copy>p{max-width:36.25rem}
.csapatok-synergy__callout{display:flex;min-width:0;max-width:28.75rem;flex-direction:column;gap:var(--space-3);border-left:4px solid var(--color-flame-orange);background:var(--color-soft-lavender);padding:var(--space-4)}.csapatok-synergy__callout p{margin:0}
.csapatok-synergy__media{min-width:0;margin:0;border:1px solid var(--color-line-silver);border-radius:var(--radius-card);overflow:hidden;background:var(--color-royal-purple)}.csapatok-synergy__media img{width:100%;max-width:100%;aspect-ratio:4/3;object-fit:cover}.csapatok-synergy__media figcaption{padding:var(--space-4);background:var(--color-paper-white);font-size:var(--text-sm);line-height:1.5}
.csapatok-templates{background:var(--color-ice-white)}.csapatok-templates__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.csapatok-template-card{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-paper-white);padding:var(--space-5)}.csapatok-template-card--lavender{background:var(--color-soft-lavender)}.csapatok-template-card--purple{border-color:rgba(247,249,252,.55);background:var(--color-royal-purple);color:var(--color-ice-white)}.csapatok-template-card--purple h3,.csapatok-template-card--purple a{color:var(--color-ice-white)}.csapatok-template-card h3,.csapatok-template-card p,.csapatok-template-card ol{margin:0}.csapatok-template-card ol{display:flex;min-width:0;width:100%;flex-direction:column;gap:var(--space-2);padding:0;list-style:none;counter-reset:slot}.csapatok-template-card li{display:flex;min-width:0;align-items:center;gap:var(--space-2);border-top:1px solid currentColor;padding-top:var(--space-2);font-size:var(--text-sm)}.csapatok-template-card li::before{counter-increment:slot;content:counter(slot,decimal-leading-zero);font-weight:700}
.csapatok-development{background:var(--color-paper-white)}.csapatok-development__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin-block-end:var(--space-5)}.csapatok-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5);background:var(--color-paper-white)}.csapatok-step>span{color:var(--color-flame-orange);font-family:var(--font-heading);font-size:2.5rem;font-weight:800;line-height:1}.csapatok-step div{min-width:0}.csapatok-step h3,.csapatok-step p{margin:0}.csapatok-development__warning{display:flex;min-width:0;max-width:40.625rem;flex-direction:column;align-items:flex-start;gap:var(--space-3);border-left:4px solid var(--color-royal-purple);background:var(--color-soft-lavender);padding:var(--space-5)}.csapatok-development__warning h3,.csapatok-development__warning p{margin:0}
.csapatok-modes{background:var(--color-ice-white)}.csapatok-modes__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-block-end:var(--space-5)}.csapatok-mode-card{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-paper-white);padding:var(--space-5)}.csapatok-mode-card--lavender{background:var(--color-soft-lavender)}.csapatok-mode-card--purple{border-color:rgba(247,249,252,.55);background:var(--color-royal-purple);color:var(--color-ice-white)}.csapatok-mode-card--purple h3{color:var(--color-ice-white)}.csapatok-mode-card h3,.csapatok-mode-card p{margin:0}.csapatok-mode-summary{display:flex;min-width:0;align-items:flex-start;flex-wrap:wrap;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-paper-white);padding:var(--space-4)}.csapatok-mode-summary p{width:100%;max-width:43.75rem;margin:0}
.csapatok-mistakes{background:var(--color-paper-white)}.csapatok-mistakes__list{display:flex;min-width:0;flex-direction:column;gap:var(--space-4)}.csapatok-mistake{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.csapatok-mistake__avoid,.csapatok-mistake__better{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5)}.csapatok-mistake__avoid{background:#f4f5f7}.csapatok-mistake__better{border-left:4px solid var(--color-electric-turquoise);background:var(--color-soft-lavender)}.csapatok-mistake span{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.csapatok-mistake__avoid span{color:var(--color-text-muted)}.csapatok-mistake__better span{color:var(--color-royal-purple)}.csapatok-mistake h3,.csapatok-mistake p{margin:0}
.csapatok-final{background:var(--color-ice-white)}.csapatok-final__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-block-end:var(--space-5)}.csapatok-final-item{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:var(--space-3);border:1px solid var(--color-border);border-left:4px solid var(--color-electric-turquoise);border-radius:var(--radius-card);background:var(--color-paper-white);padding:var(--space-4)}.csapatok-final-item h3,.csapatok-final-item p{margin:0}.csapatok-related{display:flex;min-width:0;max-width:51.25rem;flex-direction:column;align-items:flex-start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-paper-white);padding:var(--space-5)}.csapatok-related h3,.csapatok-related p{margin:0}.csapatok-related__links{display:flex;min-width:0;width:100%;flex-direction:column;gap:var(--space-2)}.csapatok-related__links a{display:block;min-height:2.75rem;padding:var(--space-2) 0}
@media (max-width:67.49rem){.csapatok-hero__grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.csapatok-hero__copy h1{font-size:clamp(3rem,5.5vw,3.75rem)}.csapatok-role-card{grid-column:span 6}.csapatok-role-card--main,.csapatok-role-card--synergy,.csapatok-role-card--development{grid-column:span 6}.csapatok-modes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:64.99rem){.csapatok-principles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.csapatok-principle-card:last-child{grid-column:span 1}.csapatok-templates__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.csapatok-template-card--purple{grid-column:span 1}}
@media (max-width:56.24rem){.csapatok-hero__grid,.csapatok-synergy__grid{grid-template-columns:minmax(0,1fr)}.csapatok-hero__media{max-width:100%;border-width:12px}.csapatok-synergy__media{order:2}.csapatok-class__grid{grid-template-columns:minmax(0,1fr)}.csapatok-development__grid{grid-template-columns:minmax(0,1fr)}.csapatok-check-panel ul{grid-template-columns:minmax(0,1fr)}.csapatok-role-gallery{grid-template-columns:minmax(0,1fr)}.csapatok-role-card,.csapatok-role-card--main,.csapatok-role-card--synergy,.csapatok-role-card--development{grid-column:1}.csapatok-role-card{padding:1.75rem}.csapatok-hero__lead{max-width:36rem}}
@media (max-width:51.24rem){.csapatok-final__grid{grid-template-columns:minmax(0,1fr)}.csapatok-final-item{min-height:2.75rem}}
@media (max-width:47.99rem){.csapatok-page .section{padding-block:3.5rem}.csapatok-hero{padding-block:var(--space-6) 3.5rem}.csapatok-hero__copy h1{font-size:2.5rem;line-height:1.1}.csapatok-hero__lead{font-size:1.125rem;line-height:1.5}.csapatok-hero__button{width:100%}.csapatok-principles__grid,.csapatok-templates__grid,.csapatok-modes__grid{grid-template-columns:minmax(0,1fr)}.csapatok-principle-card:last-child,.csapatok-template-card--purple{grid-column:1}.csapatok-principle-card,.csapatok-template-card,.csapatok-mode-card{padding:var(--space-4)}.csapatok-mistake{grid-template-columns:minmax(0,1fr)}.csapatok-mistake__better{border-top:4px solid var(--color-electric-turquoise);border-left:0}.csapatok-mistake__avoid,.csapatok-mistake__better{padding:var(--space-4)}.csapatok-step{padding:var(--space-4)}.csapatok-related{padding:var(--space-4)}}
@media (max-width:29.99rem){.csapatok-step{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.csapatok-role-gallery{padding:var(--space-3)}.csapatok-synergy__callout{max-width:none}.csapatok-independence{padding:var(--space-3)}}
@media (prefers-reduced-motion:reduce){.csapatok-role-card{transition:none}.csapatok-role-card:hover{transform:none}}