*{box-sizing:border-box;scrollbar-width:thin;margin:0;padding:0}ul{list-style:none}img,video{max-width:100%;height:auto}iframe{border:0}table{border-collapse:collapse;border-spacing:0}button{appearance:none;background:0 0;border:none}button:hover{cursor:pointer}button,select,input,textarea,kbd{font:inherit}h1{font-size:32px;font-family:var(--font-head);font-weight:800}h2{font-size:24px;font-family:var(--font-head);font-weight:800}h3{font-size:18px;font-family:var(--font-head)}html,body{font-family:var(--font-body);color:var(--app-color);background-color:var(--app-bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:500;line-height:1.3}body{overflow-y:scroll}::selection{color:var(--white);background-color:var(--highlight)}a{color:var(--app-color)}a:hover{text-decoration:none}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/dist/assets/inter-v20-latin-regular-C38fXH4l.woff2)format("woff2"),url(/dist/assets/inter-v20-latin-regular-XwzkZeEk.ttf)format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:400;src:url(/dist/assets/inter-v20-latin-italic-D1l0FflY.woff2)format("woff2"),url(/dist/assets/inter-v20-latin-italic-Bnk5Zd73.ttf)format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/dist/assets/inter-v20-latin-500-Cerq10X2.woff2)format("woff2"),url(/dist/assets/inter-v20-latin-500-DiXbiR5l.ttf)format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:500;src:url(/dist/assets/inter-v20-latin-500italic-CmxAJXy_.woff2)format("woff2"),url(/dist/assets/inter-v20-latin-500italic-144Y27BG.ttf)format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/dist/assets/inter-v20-latin-700-Yt3aPRUw.woff2)format("woff2"),url(/dist/assets/inter-v20-latin-700-D2CPUeNX.ttf)format("truetype")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:700;src:url(/dist/assets/inter-v20-latin-700italic-BsEzapPQ.woff2)format("woff2"),url(/dist/assets/inter-v20-latin-700italic-C4CvWvwA.ttf)format("truetype")}@font-face{font-display:swap;font-family:Bricolage Grotesque;font-style:normal;font-weight:400;src:url(/dist/assets/bricolage-grotesque-v9-latin-regular-A6LyuA6R.woff2)format("woff2"),url(/dist/assets/bricolage-grotesque-v9-latin-regular-Ch8n2YlE.ttf)format("truetype")}@font-face{font-display:swap;font-family:Bricolage Grotesque;font-style:normal;font-weight:800;src:url(/dist/assets/bricolage-grotesque-v9-latin-800-J50vIsBe.woff2)format("woff2"),url(/dist/assets/bricolage-grotesque-v9-latin-800-CQwysebb.ttf)format("truetype")}:root{--font-body:"Inter", Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-head:"Bricolage Grotesque", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-size-normal:18px;--font-size-small:16px;--app-pd-xl:24px;--app-pd-l:12px;--app-pd-m:6px;--app-md-s:3px;--black:#0f0d13;--white:#fff;--darker-grey:#1f1f1f;--dark-grey:#424242;--grey:#858585;--light-grey:#b9b9b9;--lighter-grey:#f5f5f5;--acc-light:#c01fc3;--acc-light-shade:hsl(from var(--acc-light) h calc(s - 5) calc(l - 5));--acc-light-dark:hsl(from var(--acc-light) h calc(s - 5) calc(l - 25));--acc-light-light:hsl(from var(--acc-light) h calc(s - 5) calc(l + 46));--acc-light-lighter:hsl(from var(--acc-light) h calc(s - 5) calc(l + 49));--acc-light-alt:hsl(from var(--acc-light) h calc(s - 5) calc(l + 35));--acc-light-grey:#5a5a5a;--acc-dark:#ad47ff;--acc-dark-shade:hsl(from var(--acc-dark) h calc(s - 5) calc(l - 5));--acc-dark-dark:hsl(from var(--acc-dark) h calc(s - 25) calc(l - 25));--acc-dark-light:hsl(from var(--acc-dark) h calc(s - 5) calc(l + 46));--acc-dark-lighter:hsl(from var(--acc-dark) h calc(s - 5) calc(l + 49));--acc-dark-alt:hsl(from var(--acc-dark) h calc(s - 5) calc(l - 35));--acc-dark-grey:#393841;--acc-dark-greyer:#201d24;--acc-dark-black:#030006;--red:#ff453f;--orange:#ff9456;--yellow:#ff9456;--green-darker:#022611;--green-dark:#28733f;--green:#00d230;--green-light:#d6ffcd;--highlight:var(--acc-light);--button-border-radius:4px;--input-border-radius:4px;--select-border-radius:4px;--program-border-radius:4px;--filter-border-radius:4px;--info-border-radius:4px;--error-border-radius:4px;--success-border-radius:4px;--navigation-link-border-radius:4px;--auth-border-radius:4px;--table-border-radius:4px;--hover-menu-border-radius:4px;--modal-border-radius:4px;--checkbox-border-radius:4px;--pagination-border-radius:4px;--toast-border-radius:4px;--default-border-width:1px;--checkbox-border-width:1px;--button-border-width:1px;--input-border-width:1px;--loading-border-width:2px}@media (prefers-color-scheme:light),(prefers-color-scheme:dark){:root{--app-bg:var(--white);--app-color:var(--black);--app-progress-bar:var(--acc-light);--navigation-link-color:var(--black);--navigation-link-hover-color:var(--black);--navigation-link-hover-bg:var(--lighter-grey);--navigation-link-active-color:var(--black);--navigation-link-active-bg:var(--lighter-grey);--footer-bg:var(--black);--footer-link-color:var(--white);--footer-link-hover-color:var(--white);--hover-menu-bg:var(--white);--hover-menu-border-color:var(--light-grey);--hover-menu-box-shadow-color:#4d4d4d4d;--button-standard-bg:var(--acc-light);--button-standard-color:var(--white);--button-standard-hover-bg:var(--acc-light-shade);--button-standard-hover-color:var(--white);--button-standard-disabled-bg:var(--acc-light-dark);--button-standard-active-bg:var(--acc-light-dark);--button-standard-active-outline-color:var(--acc-light-alt);--button-outlined-color:var(--black);--button-outlined-border-color:var(--light-grey);--button-outlined-hover-color:var(--black);--button-outlined-hover-bg:var(--lighter-grey);--button-outlined-active-bg:var(--lighter-grey);--button-outlined-active-border-color:var(--grey);--button-outlined-active-outline-color:var(--lighter-grey);--form-link-color:var(--acc-dark-grey);--form-link-hover-color:var(--black);--input-bg:var(--white);--input-color:var(--black);--input-border-color:var(--light-grey);--input-active-border-color:var(--black);--input-active-outline-color:var(--acc-light-alt);--input-label-color:var(--dark-grey);--input-placeholder-color:var(--light-grey);--checkbox-border-color:var(--light-grey);--checkbox-checked-color:var(--acc-light);--checkbox-checked-border-color:var(--acc-light);--radio-border-color:var(--light-grey);--radio-checked-color:var(--acc-light);--radio-checked-border-color:var(--acc-light);--select-bg:var(--white);--select-color:var(--black);--select-border-color:var(--light-grey);--select-active-border-color:var(--acc-light-dark);--select-active-outline-color:var(--acc-light-alt);--select-label-color:var(--acc-light-grey);--table-bg:var(--white);--table-border-color:var(--lighter-grey);--table-th-bg:var(--beige-light);--table-tr-hover-bg:var(--lighter-grey);--help-bg:var(--white);--help-color:var(--black);--help-mark-color:var(--green-dark);--help-mark-bg:var(--green-light);--help-fail-color:var(--red);--help-search-bg:var(--acc-light-light);--help-search-color:var(--acc-light-dark);--program-bg:var(--white);--program-hover-bg:var(--lighter-grey);--program-color:var(--black);--program-border-color:var(--light-grey);--program-hover-border-color:var(--light-grey);--program-outline-color:var(--acc-light-alt);--program-selected-color:var(--black);--program-selected-border-color:var(--black);--program-selected-outline-color:var(--acc-light-alt);--program-selected-bg:var(--lighter-grey);--filter-bg:var(--white);--filter-color:var(--black);--filter-border-color:var(--light-grey);--filter-button-color:var(--border-dark);--filter-button-hover-color:var(--black);--filter-offset-color:var(--grey);--filter-offset-active-bg:var(--acc-light-light);--filter-offset-active-color:var(--acc-light);--pagination-page-link-color:var(--black);--pagination-page-link-border-color:var(--light-grey);--pagination-active-bg:var(--acc-light);--pagination-active-color:var(--white);--pagination-active-border-color:var(--acc-light);--pagination-disabled-color:var(--grey);--modal-color:var(--black);--modal-bg:var(--white);--modal-border-color:var(--border);--toast-bg:var(--acc-light-light);--toast-color:var(--black);--toast-border-color:var(--acc-light-dark);--toast-info-bg:var(--acc-light-light);--toast-info-color:var(--black);--toast-info-border-color:var(--acc-light-dark);--toast-success-bg:var(--green-light);--toast-success-color:var(--green-darker);--toast-success-border-color:var(--green-darker);--toast-warning-bg:var(--yellow);--toast-warning-color:var(--black);--toast-warning-border-color:var(--yellow);--toast-error-bg:var(--red);--toast-error-color:var(--white);--toast-error-border-color:var(--red);--auth-bg:radial-gradient(circle,#b833e114 0,#9059ff14 37.1%,#5b6df814 61.4%,#0090ed14 100%);--auth-box-bg:var(--white);--auth-box-shadow:1px 1px 32px #0000001a;--info-bg:var(--lighter-grey);--info-color:var(--dark-grey);--spinner-color:var(--black);--error-bg:var(--red);--error-color:var(--white);--success-bg:var(--green-light);--success-color:var(--black);--input-border-error:var(--red);--program-heart-color:var(--red);--header-bg:rgba(var(--app-bg), .9);--accent-color:var(--acc-light);--programs-bg:radial-gradient(circle,#b833e114 0,#9059ff14 37.1%,#5b6df814 61.4%,#0090ed14 100%);--programs-gradient:linear-gradient(180deg,#fff0 0%, #fff 70%);--programs-shadow:1px 1px 32px #0000001a;--box-bg:var(--acc-light-lighter);--stats-border-color:var(--acc-light);--stats-bg:var(--acc-light);--stats-color:var(--white);--card-primary-color:var(--acc-light-dark);--card-primary-bg:var(--acc-light-lighter);--card-primary-border-color:var(--acc-light-light);--guide-bg:var(--white);--guide-color:var(--black);--guide-border:var(--light-grey);--guide-image-bg:var(--lighter-grey)}}@media (prefers-color-scheme:dark){:root{--app-bg:#141216;--app-color:var(--white);--app-progress-bar:var(--acc-dark);--navigation-link-color:var(--white);--navigation-link-hover-color:var(--white);--navigation-link-hover-bg:var(--darker-grey);--navigation-link-active-color:var(--white);--navigation-link-active-bg:var(--darker-grey);--footer-bg:var(--black);--footer-link-color:var(--white);--footer-link-hover-color:var(--white);--hover-menu-bg:var(--black);--hover-menu-border-color:var(--acc-dark-grey);--hover-menu-box-shadow-color:var(--black);--button-standard-bg:var(--acc-dark);--button-standard-color:var(--white);--button-standard-hover-bg:var(--acc-dark-shade);--button-standard-hover-color:var(--white);--button-standard-disabled-bg:var(--acc-dark-dark);--button-standard-active-bg:var(--acc-dark-dark);--button-standard-active-outline-color:var(--acc-dark-alt);--button-outlined-color:var(--white);--button-outlined-border-color:var(--dark-grey);--button-outlined-hover-color:var(--white);--button-outlined-hover-bg:var(--darker-grey);--button-outlined-active-bg:var(--darker-grey);--button-outlined-active-border-color:var(--grey);--button-outlined-active-outline-color:var(--dark-grey);--form-link-color:var(--border);--form-link-hover-color:var(--white);--input-bg:var(--black);--input-color:var(--white);--input-border-color:var(--acc-dark-grey);--input-active-border-color:var(--grey);--input-active-outline-color:var(--acc-dark-alt);--input-label-color:var(--light-grey);--input-placeholder-color:var(--dark-grey);--checkbox-border-color:var(--acc-dark-grey);--checkbox-checked-color:var(--acc-dark);--checkbox-checked-border-color:var(--acc-dark);--radio-border-color:var(--acc-dark-grey);--radio-checked-color:var(--acc-dark);--radio-checked-border-color:var(--acc-dark);--select-bg:var(--black);--select-color:var(--white);--select-border-color:var(--acc-dark-grey);--select-active-border-color:#646464;--select-active-outline-color:var(--acc-light-alt);--select-label-color:var(--grey);--table-bg:var(--acc-dark-greyer);--table-border-color:var(--darker-grey);--table-th-bg:var(--black);--table-tr-hover-bg:var(--darker-grey);--help-bg:var(--black);--help-color:var(--grey);--help-mark-color:var(--green-dark);--help-mark-bg:var(--green-light);--help-fail-color:var(--red);--help-search-bg:var(--acc-dark-grey);--help-search-color:var(--grey);--program-bg:var(--black);--program-hover-bg:var(--darker-grey);--program-color:var(--white);--program-border-color:var(--dark-grey);--program-hover-border-color:var(--dark-grey);--program-outline-color:var(--acc-dark);--program-selected-color:var(--white);--program-selected-border-color:#646464;--program-selected-outline-color:var(--acc-dark);--program-selected-bg:var(--darker-grey);--filter-bg:var(--acc-dark-greyer);--filter-color:var(--white);--filter-border-color:var(--acc-dark-grey);--filter-button-color:var(--beige-dark);--filter-button-hover-color:var(--white);--filter-offset-color:var(--acc-dark-grey);--filter-offset-active-bg:var(--acc-light-shade);--filter-offset-active-color:var(--acc-light-alt);--pagination-page-link-color:var(--black);--pagination-page-link-border-color:var(--dark-grey);--pagination-active-bg:var(--acc-light);--pagination-active-color:var(--white);--pagination-active-border-color:var(--acc-light);--pagination-disabled-color:var(--dark-grey);--modal-color:var(--white);--modal-bg:var(--black);--modal-border-color:var(--acc-dark-grey);--auth-bg:var(--acc-dark-black);--auth-box-bg:var(--black);--auth-box-shadow:1px 1px 32px #0000001a;--info-bg:var(--darker-grey);--info-color:var(--light-grey);--spinner-color:var(--white);--header-bg:#14121699;--accent-color:var(--acc-dark);--programs-bg:var(--purple-darker);--programs-gradient:linear-gradient(180deg,#fff0 0%, #141216 70%);--programs-shadow:1px 1px 32px #0000001a;--box-bg:var(--acc-dark-greyer);--stats-border-color:var(--acc-dark);--stats-bg:var(--acc-dark);--stats-color:var(--white);--card-primary-color:var(--white);--card-primary-bg:var(--acc-dark-greyer);--card-primary-border-color:var(--acc-dark-greyer);--guide-bg:var(--black);--guide-color:var(--white);--guide-border:var(--dark-grey);--guide-image-bg:var(--darker-grey)}}span.channelname{text-wrap:nowrap;border-radius:4px;align-items:center;gap:12px;display:inline-flex}span.channelname:before{content:"";border-radius:4px;width:14px;height:14px;display:inline-flex}span.channelname.c-3sat:before{background-color:#e40a22}span.channelname.c-ard-alpha:before{background-color:#db502b}span.channelname.c-arte:before{background-color:#fa481c}span.channelname.c-br:before{background-color:#006bff}span.channelname.c-das-erste:before{background-color:#001a4b}span.channelname.c-disneychannel:before{background-color:#2c2d5c}span.channelname.c-dmax:before{background-color:#000}span.channelname.c-eurosport:before{background-color:#141b4d}span.channelname.c-hr:before{background-color:#027fa9}span.channelname.c-kabel1:before{background-color:#ff3801}span.channelname.c-kabel1doku:before{background-color:#d6153e}span.channelname.c-kika:before{color:var(--black);background-color:#fce91c}span.channelname.c-mdr:before{background-color:#0069ba}span.channelname.c-n-tv:before{background-color:#000}span.channelname.c-ndr:before{background-color:#173e7d}span.channelname.c-nitro:before{background-color:#000}span.channelname.c-one:before{background-color:#cb24c5}span.channelname.c-phoenix:before{background-color:#006b80}span.channelname.c-pro7maxx:before,span.channelname.c-prosieben:before{background-color:#ef001e}span.channelname.c-radio-bremen:before{background-color:#f28100}span.channelname.c-rbb:before{background-color:#b84055}span.channelname.c-rtl:before{background-color:#9b25c2}span.channelname.c-rtlup:before{background-color:#761ae5}span.channelname.c-rtlzwei:before{background-color:#000}span.channelname.c-sat1-gold:before{color:var(--black);background-color:#bba880}span.channelname.c-sat1:before{background-color:#941c5f}span.channelname.c-sixx:before{color:var(--black);background-color:#8cd024}span.channelname.c-superrtl:before{background-color:#7619e5}span.channelname.c-swr:before{background-color:#1d0b40}span.channelname.c-tagesschau24:before{background-color:#013671}span.channelname.c-tele5:before{background-color:#ff00fe}span.channelname.c-testchannel:before{background-color:var(--white);color:var(--black)}span.channelname.c-tlc:before{background-color:#eb2d37}span.channelname.c-vox:before{background-color:#c51710}span.channelname.c-voxup:before{background-color:#bc243b}span.channelname.c-wdr:before{background-color:#034b7a}span.channelname.c-welt:before{background-color:#003a5a}span.channelname.c-zdf:before{background-color:#fa7d19}span.channelname.c-zdfinfo:before{background-color:#ff850a}span.channelname.c-zdfneo:before{background-color:#000}header .inner,main,footer .inner{max-width:1054px;margin:0 auto}header{z-index:100;background-color:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;padding:18px 24px;position:fixed;top:0;left:0}header .inner{flex-flow:row;justify-content:space-between;align-items:center;display:flex}@media (width<=576px){header .inner{padding:6px}}header .inner .logo svg{width:auto;height:24px}@media (width<=576px){header .inner .logo svg{width:auto;height:16px}}header .inner nav{align-items:center;gap:12px;display:flex}@media (width<=576px){header .inner nav{gap:6px}}header .inner nav a{border-radius:var(--button-border-radius);padding:14px 24px;text-decoration:none;display:flex}header .inner nav a.primary{background-color:var(--button-standard-bg);color:var(--button-standard-color)}header .inner nav a.primary:hover{background-color:var(--button-standard-hover-bg);color:var(--button-standard-hover-color)}header .inner nav a.secondary:hover{text-decoration:underline}@media (width<=576px){header{padding:6px}}main{color:var(--app-color);background-color:var(--app-bg);border-radius:12px;flex-flow:column;min-height:calc(100dvh - 76px);display:flex;position:relative}@media (width<=576px){main{min-height:calc(100dvh - 210px);padding:12px}}section hgroup h1{text-align:center;margin-bottom:48px}@media (width>=576px){section hgroup h1{font-size:42px}}@media (width<=576px){section hgroup h1{font-size:32px}}section.hero{flex-flow:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}section.hero h1{text-align:center;margin:148px 0 32px}section.hero h1 .accent{color:var(--accent-color)}@media (width>=576px){section.hero h1{font-size:64px}}@media (width<=576px){section.hero h1{font-size:32px}}section.hero p.subtitle{margin-bottom:32px}@media (width>=576px){section.hero p.subtitle{font-size:24px}}@media (width<=576px){section.hero p.subtitle{font-size:18px}}section.hero .buttons{align-items:center;gap:12px;display:flex}section.hero .buttons a{border-radius:var(--button-border-radius);padding:14px 24px;text-decoration:none;display:flex}section.hero .buttons a.primary{background-color:var(--button-standard-bg);color:var(--button-standard-color);border:1px solid var(--button-standard-bg)}section.hero .buttons a.primary:hover{background-color:var(--button-standard-hover-bg);color:var(--button-standard-hover-color);border-color:var(--button-standard-hover-bg)}section.hero .buttons a.secondary{color:var(--button-outlined-color);border:1px solid var(--button-outlined-border-color)}section.hero .buttons a.secondary:hover{background-color:var(--button-outlined-hover-bg);color:var(--button-outlined-hover-color)}section.hero .programs-container{background:var(--programs-bg);border-radius:24px 24px 0 0;width:100%;margin:64px 0}section.hero .programs-container .programs{flex-flow:column;gap:6px;padding:24px;display:flex;position:relative}section.hero .programs-container .programs .program{color:var(--program-color);background-color:var(--program-bg);border:1px solid var(--program-border-color);outline:0 solid var(--program-outline-color);border-radius:var(--program-border-radius);flex-flow:row;align-items:center;gap:24px;padding:12px 18px;display:flex}section.hero .programs-container .programs .program .channel{flex:0 0 135px;align-items:center;display:flex}section.hero .programs-container .programs .program .channel img{max-height:20px}section.hero .programs-container .programs .program .date{font-feature-settings:"tnum"}section.hero .programs-container .programs .program .name{flex:1 0;overflow:hidden}section.hero .programs-container .programs .program .heart{flex:0 0;align-items:center;display:flex}@media (width<=576px){section.hero .programs-container .programs .program{flex-wrap:wrap;gap:8px}section.hero .programs-container .programs .program .channel{flex:0 0 30px;order:1}section.hero .programs-container .programs .program .date{text-align:right;flex:1 0 auto;order:2}section.hero .programs-container .programs .program .heart{order:3}section.hero .programs-container .programs .program .name{flex:0 0 100%;order:4}}section.hero .programs-container .programs:after{content:"";background:var(--programs-gradient);width:100%;height:300px;position:absolute;bottom:0;left:0}@media (width<=576px){section.hero .programs-container .programs{max-height:100vh;overflow:hidden}}section.stats,section.functions,section.howitworks,section.faq{margin-bottom:92px}section.stats .card{color:var(--stats-color);border-color:var(--stats-border-color)!important;background-color:var(--stats-bg)!important}section.howitworks .card h3{font-weight:700}section.faq .boxes{flex-flow:column;align-items:center;gap:16px;display:flex}section.faq .boxes .box{border-radius:12px;flex-flow:column;gap:8px;width:100%;max-width:650px;display:flex}section.faq .boxes .box summary,section.faq .boxes .box p{margin-bottom:16px;font-size:18px}section.faq .boxes .box p{color:var(--grey)}section.faq .boxes .box details summary{cursor:pointer;color:var(--app-color);justify-content:space-between;align-items:center;list-style:none;display:flex}section.faq .boxes .box details summary::-webkit-details-marker{display:none}section.faq .boxes .box details summary:after{content:"";border-right:2px solid var(--app-color);border-bottom:2px solid var(--app-color);width:8px;height:8px;margin-left:16px;transition:transform .2s;transform:rotate(45deg)}section.faq .boxes .box details[open] summary:after{transform:rotate(-135deg)}section .cards{align-items:stretch;display:flex}@media (width>=576px){section .cards{flex-flow:row;gap:24px}section .cards .card{padding:24px}section .cards.c3 .card{flex:0 33.3333%}section .cards.c4 .card{flex:0 25%}}@media (width<=576px){section .cards{flex-flow:column;gap:12px}section .cards .card{padding:12px}section .cards.c3 .card,section .cards.c4 .card{flex:0 0 100%}}section .cards .card{text-align:center;background-color:var(--hover-menu-bg);border:1px solid var(--hover-menu-border-color);border-radius:12px;flex-flow:column;gap:6px;display:flex}section .cards .card .head{font-family:var(--font-head);font-size:32px;font-weight:700}section .cards .card p{text-wrap:balance;font-size:15px}section .cards .card picture{margin-bottom:12px}section .cards .card picture.icon svg{stroke-width:1.25px;width:42px;height:42px}section .cards.primary .card{color:var(--card-primary-color);background-color:var(--card-primary-bg);border-color:var(--card-primary-border-color)}section .guide{color:var(--guide-color);background:var(--guide-bg);border:1px solid var(--guide-border);border-radius:12px;flex-flow:column;gap:48px;padding:48px;display:flex}@media (width<=576px){section .guide{padding:12px}}section .guide .left,section .guide .right{gap:48px;display:flex}@media (width<=576px){section .guide .left,section .guide .right{flex-flow:column;gap:6px}}section .guide .left .image,section .guide .right .image{background-color:var(--guide-image-bg)}section .guide .left .image img,section .guide .right .image img{border-radius:4px;display:flex}section .guide .left .text,section .guide .right .text{flex:0 0 calc(50% - 24px)}section .guide .left .text h2,section .guide .right .text h2{margin-bottom:12px;font-size:32px}section .guide .left .text p,section .guide .right .text p{text-wrap:balance;font-size:18px;line-height:1.5}@media (width<=576px){section .guide .left .text,section .guide .right .text{order:2;padding:12px 20px}}footer{background-color:var(--footer-bg);color:var(--footer-link-color);padding:32px 0}@media (width<=576px){footer{padding:32px 12px}}footer .links{justify-content:space-between;align-items:center;gap:12px;min-height:50px;display:flex}footer .links a{color:var(--footer-link-color);align-items:center;gap:3px;text-decoration:none;display:flex}footer .links a:hover{color:var(--footer-link-hover-color);text-underline-offset:4px;text-decoration:underline}footer .links .logo svg{width:auto;height:16px;display:flex}footer .links .legal{align-items:center;gap:18px;display:flex}@media (width<=576px){footer .links{text-wrap:balance;text-align:center;flex-flow:column;align-items:flex-start}footer .links .copyright{text-align:left;flex:1 0 auto}footer .links .copyright svg{height:30px}footer .links .legal{flex-wrap:wrap;gap:12px}}