*{box-sizing:border-box}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/inter-variable-BGoqdkol.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary: #ffa260;--secondary: #a0b5ff;--text-color: #181b1b;--p-color: #45494f;--dark-bg: #212121;--gray-bg: #f5f5f5;--bg-white-1: white;--navbar-height: 50px;--action-bar-height: var(--navbar-height);--total-bars-height: calc(var(--navbar-height) + var(--action-bar-height));--console-height: 25vh;--tests-height: 40vh;--info-height: 35vh;--font-family: Inter, system-ui, sans-serif;--dark-1: #212121;--dark-2: #303030;--dark-25: #383838;--dark-3: #424242;--gray-white: white;--trans-gray: #c5c5c5;--dark-when-light: #222;--light-when-dark: white;--font-code: "Fira Code", monospace;--dropdown-layer: 85;--notes-layer: 85;--overlay-layer: 90;--action-bar-layer: 900;--sidebar-layer: 1000;--dialog-layer: 2000;--tooltip-layer: 3000;--pay-benefits-bg: #fff;--pay-aside-bg: #e5e5e5;--pay-card-bg: #fff;--pay-card-selected-bg: #fff3ea;--pay-card-hover-border: rgba(0, 0, 0, .1);--pay-card-check-border: #d4d4d4;--pay-card-check-bg: #e5e5e5;--pay-faq-bg: #e8e8e8;--pay-project-bg: #f5f5f5;--pay-quote-color: #ddd;--pay-footer-bg: var(--light-when-dark)}html.dark{color-scheme:dark;background-color:var(--dark-2);--gray-bg: var(--dark-2);--primary: #ffa260;--bg-white-1: var(--dark-3);--bg-white-2: var(--dark-3);--bg-white-3: var(--dark-25);--bg-white-4: var(--dark-1);--gray-white: #555;--trans-gray: transparent;--text-color: white;--text-secondary-color: white;--anchor-color: var(--primary);--p-color: white;--dark-when-light: white;--light-when-dark: var(--dark-1);--border-color: var(--dark-2);--dark-border-color: #555555;--light-icon-color: #e7e7e7;--dark-icon-color: #e7e7e7;--outline-btn-border-color: #777;--toast-background-color: var(--dark-3);--feature-background: #171717;--feature-border: #404040;color:#fff;--pay-benefits-bg: var(--dark-3);--pay-aside-bg: var(--dark-25);--pay-card-bg: var(--dark-2);--pay-card-selected-bg: var(--dark-2);--pay-card-hover-border: rgba(255, 255, 255, .1);--pay-card-check-border: rgba(255, 255, 255, .3);--pay-card-check-bg: #171717;--pay-faq-bg: var(--dark-2);--pay-project-bg: var(--dark-2);--pay-quote-color: #aaa}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;accent-color:var(--primary)}.navbar{height:var(--navbar-height);background-color:#212424;padding-left:25px;position:relative;display:flex}.navbar-link{display:flex;align-items:center;text-decoration:none}.wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px}.logo-text{font-weight:700;color:#fff;padding-left:10px;font-size:16px!important}help-chat{--help-chat-opacity: .9}::selection{background-color:var(--secondary);color:#fff}html.dark ::selection{color:var(--dark-1)}app-menu,app-dialog{visibility:hidden}html.modal-open{overflow:hidden}.pay-success{color:var(--primary);font-weight:700}.payment-privacy{font-size:.75rem;color:var(--p-color);margin-bottom:0;line-height:20px;min-height:50px;margin-top:18px;text-align:center}#parity-callout,#parity-callout a{color:#f44336}#parity-callout a{text-decoration:underline}.vat{font-size:.625rem;font-weight:500}#payment-spinner{display:grid;place-items:center}.pay-header{text-align:center;padding:40px 20px 30px;max-width:800px;margin:0 auto}.pay-header h1{font-size:2rem;font-weight:700;margin:0 0 13px;color:var(--text-color)}.pay-header p{font-size:1rem;line-height:1.5;color:var(--p-color);margin:0 0 20px}.pricing-link{color:var(--text-color);text-decoration:underline;font-size:.875rem}.pricing-link:hover{text-decoration:none}.pay-main{display:grid;grid-template-columns:3fr 2fr;max-width:1200px;margin:0 auto;padding:0 20px 60px;align-items:start}.benefits-section{background:var(--pay-benefits-bg);border-top-left-radius:16px;border-bottom-left-radius:16px;padding:40px}.benefits-section h2{font-size:1.5rem;font-weight:700;margin:0 0 24px;color:var(--text-color)}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;list-style:none;padding:0;margin:0 0 48px}.benefit-item{display:flex;align-items:center;gap:12px;font-size:.9375rem;color:var(--text-color)}.benefit-item img{flex-shrink:0;opacity:.8}.benefit-item a{color:var(--text-color);text-decoration:dotted underline}.what-you-learn{margin-bottom:48px}.what-you-learn h2{font-size:1.5rem;font-weight:700;margin:0 0 16px;color:var(--text-color)}.what-you-learn .text-regular{font-size:1rem;line-height:1.6;color:var(--p-color);margin:0 0 24px}.topics-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;list-style:disc;padding-left:20px;margin:0;color:var(--text-color);font-size:.9375rem}.topics-list li{padding:2px 0}#trusted-subtitle{font-size:1.5rem;margin-top:60px}#trusted-grid{list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;place-items:center;margin-top:40px}.projects-preview{margin-bottom:48px}.projects-preview h2{font-size:1.5rem;font-weight:700;margin:0 0 24px;color:var(--text-color)}.project-image-wrapper video,.project-image-wrapper img{max-width:100%;height:auto}.project-card{margin-bottom:32px}.project-card h3{font-size:1.125rem;font-weight:600;margin:0 0 8px;color:var(--text-color)}.project-card p{font-size:.9375rem;line-height:1.5;color:var(--p-color);margin:10px 0 16px}.project-image-wrapper{background:var(--pay-project-bg);border-radius:12px;padding:20px;display:flex;justify-content:center;align-items:center;min-height:200px}.project-image-wrapper img{max-width:100%;height:auto;border-radius:8px}.project-caption{text-align:center;font-size:.875rem;color:var(--p-color);margin:12px 0 0}.review-section{margin-bottom:48px}.review-section h2{font-size:1.5rem;font-weight:700;margin:0 0 24px;color:var(--text-color)}.review-quote{margin:0;position:relative;padding-left:24px}.review-quote:before{content:"“";position:absolute;left:-5px;top:-8px;font-size:4rem;color:var(--pay-quote-color);font-family:Georgia,serif;line-height:1}.review-quote blockquote{margin:0;font-size:1rem;line-height:1.7;color:var(--text-color);font-style:italic}.review-quote blockquote p{margin:0 0 16px}.review-quote figcaption{font-size:.9375rem;color:var(--p-color);font-style:normal;margin-top:16px}.review-quote figcaption a{color:var(--text-color);text-decoration:underline}.review-quote figcaption a:hover{text-decoration:none}.review-quote+.review-quote{margin-top:32px}.faq-section{margin-bottom:24px}.faq-section h2{font-size:1.5rem;font-weight:700;margin:0 0 12px;color:var(--text-color)}.faq-section>p{font-size:1rem;line-height:1.6;color:var(--p-color);margin:0 0 24px}.faq-section a{color:var(--text-color);text-decoration:underline}.faq-section a:hover{text-decoration:none}.faq-category{margin-bottom:24px}.faq-category h3{font-size:1.125rem;font-weight:600;margin:0 0 12px;color:var(--text-color)}.faq-category details{background:var(--pay-faq-bg);border-radius:8px;margin-bottom:8px}.faq-category details summary{padding:16px 48px 16px 20px;font-size:1rem;font-weight:500;color:var(--text-color);cursor:pointer;list-style:none;position:relative}.faq-category details summary::-webkit-details-marker{display:none}.faq-category details summary:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-right:2px solid var(--text-color);border-bottom:2px solid var(--text-color);transition:transform .2s ease}.faq-category details[open] summary:after{transform:translateY(-50%) rotate(-135deg)}.faq-category details p{padding:0 20px 16px;margin:0;font-size:.9375rem;line-height:1.6;color:var(--p-color)}.pro-user-banner{position:absolute;top:0;left:0;right:0;z-index:10;align-items:flex-start;gap:12px;padding:32px 32px 80px;background:linear-gradient(to bottom,var(--pay-aside-bg) 0%,var(--pay-aside-bg) 55%,transparent 100%);border-top-right-radius:16px;font-size:.9375rem;color:#c96020;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease}html.dark .pro-user-banner{color:var(--primary)}.pro-user-banner.visible{opacity:1;pointer-events:auto;transform:translateY(0);display:flex!important}.pro-user-banner svg{flex-shrink:0;margin-top:2px}.pro-user-banner-content{display:flex;flex-direction:column;gap:4px}.pro-user-banner-content span{font-weight:500}.pro-user-banner-content a{color:#c96020;text-decoration:underline;text-underline-offset:2px;font-weight:600}html.dark .pro-user-banner-content a{color:var(--primary)}.pro-user-banner-content a:hover{text-decoration:none}.course-aside{position:sticky;top:20px;height:fit-content;background-color:var(--pay-aside-bg);padding:32px;border-top-right-radius:16px;border-bottom-right-radius:16px}.course-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.course-cards a{color:var(--text-color)}.course-card{background:var(--pay-card-bg);border-radius:12px;padding:16px 20px;cursor:pointer;border:2px solid transparent;transition:border-color .15s ease}.course-card:has(input[disabled]){opacity:.7;cursor:not-allowed}.course-card:hover{border-color:var(--pay-card-hover-border)}.course-card:has(input:checked){background:var(--pay-card-selected-bg);border-color:var(--primary)}.course-card:has(input:checked) .card-title{color:var(--text-color)}.course-card:has(input:checked) .card-desc{color:var(--p-color)}.course-card:has(input:checked):hover{border-color:var(--primary)}.course-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.card-header{display:flex;justify-content:space-between;align-items:center;gap:5px}.card-header-left{display:flex;align-items:center}.card-icon{display:flex;align-items:center;gap:0}.card-icon .icon{margin-left:-8px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.card-icon .icon:first-child{margin-left:0}.card-icon:not(:empty)+.card-title{padding-left:5px}.card-title{font-size:1rem;font-weight:600;color:var(--text-color)}.card-check{width:18px;height:18px;border-radius:50%;border:1px solid var(--pay-card-check-border);background-color:var(--pay-card-check-bg);position:relative;flex-shrink:0}.course-card:has(input:checked) .card-check{border-color:var(--primary)}.course-card:has(input:checked) .card-check:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--primary);border-radius:50%}.course-bundle-other:has(input:not(:checked)) .card-icon{display:none}.course-bundle-other:has(input:not(:checked)) .card-icon+.card-title{padding-left:0}.card-desc{font-size:.875rem;color:var(--p-color);margin:12px 0 0;line-height:1.5}.price-section{text-align:center;margin-bottom:20px;margin-top:55px}.price-section.hide{opacity:0}.price-currency p{font-size:.875rem;color:var(--text-color)}.price-currency select{field-sizing:content;padding:6px 16px}help-chat{text-decoration:underline}help-chat span{font-size:1rem}#payment-buttons-container{margin-bottom:16px;min-height:54px}.student-discount{text-align:center;font-size:.875rem;color:var(--p-color);margin:0 0 10px}.student-discount a{color:var(--text-color);text-decoration:underline}.student-discount a:hover{text-decoration:none}#see-all-chapters{--app-button-color: var(--text-color);margin-top:20px;text-decoration:underline;text-decoration-color:var(--text-color);text-decoration-thickness:2px;text-underline-offset:5px}footer{margin-top:60px;background-color:var(--pay-footer-bg);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:24px 20px;color:var(--p-color);font-size:.875rem}footer .item{padding:4px 17px}footer a{color:var(--text-color);text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:56.25rem){.pay-main{grid-template-columns:1fr;gap:26px}.course-aside{position:static;order:-1;max-width:500px;margin:0 auto;width:100%;border-radius:16px}.benefits-section{padding:24px;border-radius:16px}.benefits-grid,.topics-list{grid-template-columns:1fr}footer{margin-top:20px}}@media(max-width:37.5rem){.pay-header{padding:35px 16px 32px}.pay-header h1{font-size:1.75rem}.pay-header p{font-size:1rem}.pay-main{padding:0 16px 30px}.benefits-section{padding:20px;border-radius:12px}#trusted-grid{grid-template-columns:1fr}.benefits-section h2,.what-you-learn h2,.projects-preview h2,.review-section h2,.faq-section h2{font-size:1.25rem}footer{flex-direction:column;text-align:center;gap:4px}}body{background:var(--gray-bg)}html.dark .benefit-item img{filter:invert(1)}.dropdown-overflow-container{all:unset;outline:revert;box-sizing:border-box;transition:opacity .16s,translate .16s;padding:0 4px}#course-dropdown{position:absolute;top:12px;right:0;z-index:calc(var(--dialog-layer) + 10);cursor:pointer;margin-left:10px;margin-right:5px}#course-dropdown:hover .dropdown-overflow-trigger{opacity:1}.dropdown-overflow-trigger{transition:opacity .16s;opacity:.6}login-btn{display:flex;justify-content:center;margin-bottom:20px;margin-top:25px}.loggedout-disabled{pointer-events:none!important;opacity:.5}
