:root{--nb-bg-light: #F4F4F4;--nb-bg-white: #FFFFFF;--nb-bg-dark: #000000;--nb-bg-alt: #E8E8E8;--nb-border-gray: #999999;--nb-border-dark: #000000;--nb-border-light: #DDDDDD;--nb-text-primary: #000000;--nb-text-secondary: #666666;--nb-text-tertiary: #999999;--nb-text-white: #FFFFFF;--nb-accent-green: #A0E7E5;--nb-accent-red: #FF0000;--nb-accent-blue: #0000FF;--nb-accent-yellow: #FFFF00;--nb-comp: #FF6B6B;--nb-math: #4ECDC4;--nb-premium: #FFE66D;--nb-success: #A0E7E5;--nb-warning: #FFFF00;--nb-danger: #FF0000;--nb-font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--nb-font-mono: "Courier New", Courier, monospace;--nb-text-xs: 12px;--nb-text-sm: 14px;--nb-text-base: 16px;--nb-text-lg: 18px;--nb-text-xl: 24px;--nb-text-2xl: 32px;--nb-text-3xl: 48px;--nb-text-4xl: 64px;--nb-font-normal: 400;--nb-font-medium: 500;--nb-font-semibold: 600;--nb-font-bold: 700;--nb-leading-tight: 1.2;--nb-leading-normal: 1.5;--nb-leading-relaxed: 1.8;--nb-space-1: 4px;--nb-space-2: 8px;--nb-space-3: 12px;--nb-space-4: 16px;--nb-space-5: 20px;--nb-space-6: 24px;--nb-space-8: 32px;--nb-space-10: 40px;--nb-space-12: 48px;--nb-space-16: 64px;--nb-space-20: 80px;--nb-border-thin: 1px;--nb-border-normal: 2px;--nb-border-thick: 3px;--nb-border-extra: 4px;--nb-radius: 0;--nb-shadow-xs: 1px 1px 0 var(--nb-border-dark);--nb-shadow-sm: 2px 2px 0 var(--nb-border-dark);--nb-shadow-md: 4px 4px 0 var(--nb-border-dark);--nb-shadow-lg: 6px 6px 0 var(--nb-border-dark);--nb-shadow-xl: 8px 8px 0 var(--nb-border-dark);--nb-shadow-2xl: 12px 12px 0 var(--nb-border-dark);--nb-shadow-green: 4px 4px 0 #7DD3D1;--nb-shadow-red: 4px 4px 0 var(--nb-accent-red);--nb-shadow-blue: 4px 4px 0 var(--nb-accent-blue);--nb-shadow-yellow: 4px 4px 0 var(--nb-accent-yellow);--nb-transition-fast: .1s ease;--nb-transition-normal: .2s ease;--nb-transition-slow: .3s ease;--nb-z-base: 1;--nb-z-dropdown: 100;--nb-z-sticky: 500;--nb-z-modal: 1000;--nb-z-tooltip: 1500}[data-theme=dark]{--nb-bg-light: #1A1A1A;--nb-bg-white: #2A2A2A;--nb-bg-dark: #000000;--nb-bg-alt: #333333;--nb-border-gray: #666666;--nb-border-dark: #FFFFFF;--nb-border-light: #444444;--nb-text-primary: #FFFFFF;--nb-text-secondary: #CCCCCC;--nb-text-tertiary: #999999;--nb-text-white: #FFFFFF;--nb-shadow-xs: 1px 1px 0 #FFFFFF;--nb-shadow-sm: 2px 2px 0 #FFFFFF;--nb-shadow-md: 4px 4px 0 #FFFFFF;--nb-shadow-lg: 6px 6px 0 #FFFFFF;--nb-shadow-xl: 8px 8px 0 #FFFFFF;--nb-shadow-2xl: 12px 12px 0 #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--nb-font-primary);font-size:var(--nb-text-base);line-height:var(--nb-leading-normal);color:var(--nb-text-primary);background:var(--nb-bg-light)}.nb-border{border:var(--nb-border-normal) solid var(--nb-border-dark)}.nb-border-thin{border:var(--nb-border-thin) solid var(--nb-border-dark)}.nb-border-thick{border:var(--nb-border-thick) solid var(--nb-border-dark)}.nb-border-gray{border:var(--nb-border-normal) solid var(--nb-border-gray)}.nb-border-top{border-top:var(--nb-border-normal) solid var(--nb-border-dark)}.nb-border-bottom{border-bottom:var(--nb-border-normal) solid var(--nb-border-dark)}.nb-border-left{border-left:var(--nb-border-normal) solid var(--nb-border-dark)}.nb-border-right{border-right:var(--nb-border-normal) solid var(--nb-border-dark)}.nb-shadow-sm{box-shadow:var(--nb-shadow-sm)}.nb-shadow-md{box-shadow:var(--nb-shadow-md)}.nb-shadow-lg{box-shadow:var(--nb-shadow-lg)}.nb-shadow-xl{box-shadow:var(--nb-shadow-xl)}.nb-shadow-2xl{box-shadow:var(--nb-shadow-2xl)}.nb-shadow-green{box-shadow:var(--nb-shadow-green)}.nb-shadow-red{box-shadow:var(--nb-shadow-red)}.nb-shadow-blue{box-shadow:var(--nb-shadow-blue)}.nb-sharp,.nb-no-radius{border-radius:0!important}.nb-bg-white{background:var(--nb-bg-white)}.nb-bg-light{background:var(--nb-bg-light)}.nb-bg-dark{background:var(--nb-bg-dark)}.nb-bg-alt{background:var(--nb-bg-alt)}.nb-text-primary{color:var(--nb-text-primary)}.nb-text-secondary{color:var(--nb-text-secondary)}.nb-text-white{color:var(--nb-text-white)}.nb-font-normal{font-weight:var(--nb-font-normal)}.nb-font-medium{font-weight:var(--nb-font-medium)}.nb-font-semibold{font-weight:var(--nb-font-semibold)}.nb-font-bold{font-weight:var(--nb-font-bold)}.nb-text-xs{font-size:var(--nb-text-xs)}.nb-text-sm{font-size:var(--nb-text-sm)}.nb-text-base{font-size:var(--nb-text-base)}.nb-text-lg{font-size:var(--nb-text-lg)}.nb-text-xl{font-size:var(--nb-text-xl)}.nb-text-2xl{font-size:var(--nb-text-2xl)}.nb-text-3xl{font-size:var(--nb-text-3xl)}.nb-p-2{padding:var(--nb-space-2)}.nb-p-4{padding:var(--nb-space-4)}.nb-p-6{padding:var(--nb-space-6)}.nb-p-8{padding:var(--nb-space-8)}.nb-m-2{margin:var(--nb-space-2)}.nb-m-4{margin:var(--nb-space-4)}.nb-m-6{margin:var(--nb-space-6)}.nb-m-8{margin:var(--nb-space-8)}.nb-mb-2{margin-bottom:var(--nb-space-2)}.nb-mb-4{margin-bottom:var(--nb-space-4)}.nb-mb-6{margin-bottom:var(--nb-space-6)}.nb-mb-8{margin-bottom:var(--nb-space-8)}.nb-mt-2{margin-top:var(--nb-space-2)}.nb-mt-4{margin-top:var(--nb-space-4)}.nb-mt-6{margin-top:var(--nb-space-6)}.nb-mt-8{margin-top:var(--nb-space-8)}.nb-flex{display:flex}.nb-inline-flex{display:inline-flex}.nb-grid{display:grid}.nb-block{display:block}.nb-inline-block{display:inline-block}.nb-flex-col{flex-direction:column}.nb-flex-row{flex-direction:row}.nb-items-center{align-items:center}.nb-justify-center{justify-content:center}.nb-justify-between{justify-content:space-between}.nb-gap-2{gap:var(--nb-space-2)}.nb-gap-4{gap:var(--nb-space-4)}.nb-gap-6{gap:var(--nb-space-6)}.nb-uppercase{text-transform:uppercase}.nb-text-center{text-align:center}.nb-text-left{text-align:left}.nb-text-right{text-align:right}.nb-cursor-pointer{cursor:pointer}.nb-transition{transition:all var(--nb-transition-normal)}.nb-transition-fast{transition:all var(--nb-transition-fast)}.nb-btn{display:inline-block;padding:12px 24px;font-family:var(--nb-font-primary);font-size:var(--nb-text-base);font-weight:var(--nb-font-bold);text-transform:uppercase;text-decoration:none;text-align:center;border:var(--nb-border-normal) solid var(--nb-border-dark);background:var(--nb-bg-white);color:var(--nb-text-primary);cursor:pointer;transition:all var(--nb-transition-fast);box-shadow:var(--nb-shadow-md);border-radius:0;line-height:1}.nb-btn:hover{transform:translate(2px,2px);box-shadow:var(--nb-shadow-sm)}.nb-btn:active{transform:translate(4px,4px);box-shadow:none}.nb-btn:focus{outline:3px solid var(--nb-accent-green);outline-offset:2px}.nb-btn-primary{background:var(--nb-bg-white);color:var(--nb-text-primary);border-color:var(--nb-border-dark)}.nb-btn-secondary{background:var(--nb-comp);color:var(--nb-text-white);border-color:var(--nb-border-dark)}.nb-btn-accent{background:var(--nb-accent-green);color:var(--nb-text-primary);border-color:var(--nb-border-dark)}.nb-btn-success{background:var(--nb-success);color:var(--nb-text-primary);border-color:var(--nb-border-dark)}.nb-btn-danger{background:var(--nb-danger);color:var(--nb-text-white);border-color:var(--nb-border-dark)}.nb-btn-outline{background:transparent;color:var(--nb-text-primary);border-color:var(--nb-border-dark);box-shadow:none}.nb-btn-outline:hover{background:var(--nb-bg-light);box-shadow:var(--nb-shadow-sm)}.nb-btn-sm{padding:8px 16px;font-size:var(--nb-text-sm)}.nb-btn-lg{padding:16px 32px;font-size:var(--nb-text-lg)}.nb-btn-block{width:100%;display:block}.nb-card{background:var(--nb-bg-white);border:var(--nb-border-thin) solid var(--nb-border-gray);padding:var(--nb-space-6);margin-bottom:var(--nb-space-6)}.nb-card-bold{border:var(--nb-border-normal) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-lg)}.nb-card-hover{transition:all var(--nb-transition-normal);cursor:pointer}.nb-card-hover:hover{transform:translate(-2px,-2px);box-shadow:var(--nb-shadow-xl)}.nb-card-raised{background:var(--nb-bg-light);border:var(--nb-border-thin) solid var(--nb-border-gray);padding:var(--nb-space-6) var(--nb-space-4);margin-top:30px;position:relative}.nb-card-raised-header{position:absolute;top:-15px;left:16px;background:var(--nb-bg-white);border-left:var(--nb-border-thin) solid var(--nb-border-gray);border-right:var(--nb-border-thin) solid var(--nb-border-gray);border-top:var(--nb-border-thin) solid var(--nb-border-light);padding:0 8px;height:30px;display:flex;align-items:center;text-transform:uppercase;font-weight:var(--nb-font-bold);font-size:var(--nb-text-sm);color:var(--nb-text-primary)}.nb-course-card{background:var(--nb-bg-white);border:var(--nb-border-thick) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-lg);padding:var(--nb-space-6);transition:all var(--nb-transition-normal)}.nb-course-card:hover{transform:translate(-2px,-2px);box-shadow:var(--nb-shadow-xl)}.nb-input,.nb-textarea,.nb-select{width:100%;padding:12px 16px;font-family:var(--nb-font-primary);font-size:var(--nb-text-base);border:var(--nb-border-normal) solid var(--nb-border-dark);background:var(--nb-bg-white);color:var(--nb-text-primary);transition:all var(--nb-transition-normal);border-radius:0}.nb-input:focus,.nb-textarea:focus,.nb-select:focus{outline:none;border-color:var(--nb-accent-green);box-shadow:0 0 0 3px #00ff001a}.nb-input::placeholder,.nb-textarea::placeholder{color:var(--nb-text-tertiary)}.nb-textarea{min-height:120px;resize:vertical}.nb-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.nb-form-group{margin-bottom:var(--nb-space-4)}.nb-form-label{display:block;margin-bottom:var(--nb-space-2);font-weight:var(--nb-font-medium);font-size:var(--nb-text-sm);color:var(--nb-text-primary)}.nb-nav{background:var(--nb-bg-white);border-bottom:var(--nb-border-normal) solid var(--nb-border-dark);padding:var(--nb-space-4) 0}.nb-nav-container{max-width:1200px;margin:0 auto;padding:0 var(--nb-space-6);display:flex;justify-content:space-between;align-items:center}.nb-nav-links{display:flex;gap:var(--nb-space-2);align-items:center}.nb-nav-link{color:var(--nb-text-primary);text-decoration:none;padding:var(--nb-space-2) var(--nb-space-4);border:var(--nb-border-normal) solid transparent;font-weight:var(--nb-font-medium);transition:all var(--nb-transition-fast);display:inline-block}.nb-nav-link:hover{border-color:var(--nb-border-dark);background:var(--nb-bg-light)}.nb-nav-link.active{background:var(--nb-bg-dark);color:var(--nb-text-white);border-color:var(--nb-border-dark)}.nb-breadcrumbs{display:flex;align-items:center;gap:var(--nb-space-2);padding:var(--nb-space-3) 0;font-size:var(--nb-text-sm)}.nb-breadcrumb-item{color:var(--nb-text-secondary);text-decoration:none}.nb-breadcrumb-item:hover{color:var(--nb-text-primary);text-decoration:underline;text-decoration-thickness:2px}.nb-breadcrumb-separator{color:var(--nb-text-tertiary);font-weight:var(--nb-font-bold)}.nb-breadcrumb-item.active{color:var(--nb-text-primary);font-weight:var(--nb-font-bold)}.nb-badge{display:inline-block;padding:4px 12px;font-size:var(--nb-text-xs);font-weight:var(--nb-font-bold);text-transform:uppercase;border:var(--nb-border-normal) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-sm);line-height:1}.nb-badge-premium{background:var(--nb-premium);color:var(--nb-text-primary)}.nb-badge-new{background:var(--nb-accent-green);color:var(--nb-text-primary)}.nb-badge-hot{background:var(--nb-accent-red);color:var(--nb-text-white)}.nb-badge-info{background:var(--nb-accent-blue);color:var(--nb-text-white)}.nb-code-inline{display:inline-block;background:var(--nb-bg-light);border:var(--nb-border-thin) solid var(--nb-border-dark);padding:2px 6px;font-family:var(--nb-font-mono);font-size:var(--nb-text-sm)}.nb-code-block{display:block;background:var(--nb-bg-white);border:var(--nb-border-thin) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-sm);padding:var(--nb-space-4);font-family:var(--nb-font-mono);font-size:var(--nb-text-sm);overflow-x:auto;margin:var(--nb-space-4) 0;line-height:var(--nb-leading-relaxed)}.nb-progress{width:100%;height:24px;background:var(--nb-bg-light);border:var(--nb-border-normal) solid var(--nb-border-dark);position:relative;overflow:hidden}.nb-progress-bar{height:100%;background:var(--nb-accent-green);border-right:var(--nb-border-normal) solid var(--nb-border-dark);transition:width var(--nb-transition-slow);position:relative}.nb-progress-bar-comp{background:var(--nb-comp)}.nb-progress-bar-math{background:var(--nb-math)}.nb-progress-bar-premium{background:var(--nb-premium)}.nb-progress-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:var(--nb-font-bold);font-size:var(--nb-text-xs);color:var(--nb-text-primary);z-index:1;text-shadow:0 0 4px var(--nb-bg-white)}.nb-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--nb-z-modal)}.nb-modal{background:var(--nb-bg-white);border:var(--nb-border-thick) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-2xl);padding:var(--nb-space-8);max-width:600px;width:90%;position:relative}.nb-modal-header{font-size:var(--nb-text-xl);font-weight:var(--nb-font-bold);margin-bottom:var(--nb-space-4);padding-bottom:var(--nb-space-4);border-bottom:var(--nb-border-normal) solid var(--nb-border-dark)}.nb-modal-close{position:absolute;top:var(--nb-space-4);right:var(--nb-space-4);background:var(--nb-danger);color:var(--nb-text-white);border:var(--nb-border-normal) solid var(--nb-border-dark);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:var(--nb-font-bold);font-size:var(--nb-text-lg);transition:all var(--nb-transition-fast)}.nb-modal-close:hover{transform:scale(1.1)}.nb-alert{padding:var(--nb-space-4) var(--nb-space-5);border:var(--nb-border-normal) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-md);margin:var(--nb-space-4) 0;display:flex;align-items:center;gap:var(--nb-space-3)}.nb-alert-success{background:var(--nb-success);color:var(--nb-text-primary)}.nb-alert-error{background:var(--nb-danger);color:var(--nb-text-white)}.nb-alert-warning{background:var(--nb-warning);color:var(--nb-text-primary)}.nb-alert-info{background:var(--nb-accent-blue);color:var(--nb-text-white)}.nb-table{width:100%;border-collapse:separate;border-spacing:0;border:var(--nb-border-normal) solid var(--nb-border-dark)}.nb-table th{background:var(--nb-bg-dark);color:var(--nb-text-white);padding:var(--nb-space-3) var(--nb-space-4);text-align:left;font-weight:var(--nb-font-bold);border-bottom:var(--nb-border-normal) solid var(--nb-border-dark)}.nb-table td{padding:var(--nb-space-3) var(--nb-space-4);border-bottom:var(--nb-border-thin) solid var(--nb-border-gray);background:var(--nb-bg-white)}.nb-table tr:last-child td{border-bottom:none}.nb-table tr:hover td{background:var(--nb-bg-light)}.nb-h1{font-size:var(--nb-text-3xl);font-weight:var(--nb-font-bold);line-height:var(--nb-leading-tight);margin-bottom:var(--nb-space-6);color:var(--nb-text-primary)}.nb-h2{font-size:var(--nb-text-2xl);font-weight:var(--nb-font-bold);line-height:var(--nb-leading-tight);margin-bottom:var(--nb-space-4);color:var(--nb-text-primary)}.nb-h3{font-size:var(--nb-text-xl);font-weight:var(--nb-font-bold);line-height:var(--nb-leading-normal);margin-bottom:var(--nb-space-4);color:var(--nb-text-primary)}.nb-h4{font-size:var(--nb-text-lg);font-weight:var(--nb-font-bold);line-height:var(--nb-leading-normal);margin-bottom:var(--nb-space-3);color:var(--nb-text-primary)}.nb-text{font-size:var(--nb-text-base);line-height:var(--nb-leading-relaxed);color:var(--nb-text-primary);margin-bottom:var(--nb-space-4)}.nb-container{max-width:1200px;margin:0 auto;padding:0 var(--nb-space-6)}.nb-section{margin-bottom:var(--nb-space-12);padding:var(--nb-space-8);background:var(--nb-bg-white);border:var(--nb-border-normal) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-lg)}.nb-section-title{font-size:var(--nb-text-xl);font-weight:var(--nb-font-bold);margin-bottom:var(--nb-space-6);padding-bottom:var(--nb-space-4);border-bottom:var(--nb-border-normal) solid var(--nb-border-dark);text-transform:uppercase}.nb-list{list-style:none;padding:0;margin:0}.nb-list-item{padding:var(--nb-space-3) var(--nb-space-4);border-left:var(--nb-border-extra) solid var(--nb-border-dark);margin-bottom:var(--nb-space-2);background:var(--nb-bg-light);transition:all var(--nb-transition-fast)}.nb-list-item:hover{background:var(--nb-bg-white);border-left-color:var(--nb-accent-green);transform:translate(4px)}.nb-tabs{display:flex;border-bottom:var(--nb-border-normal) solid var(--nb-border-dark);gap:var(--nb-space-1)}.nb-tab{padding:var(--nb-space-3) var(--nb-space-6);background:var(--nb-bg-light);border:var(--nb-border-normal) solid var(--nb-border-dark);border-bottom:none;cursor:pointer;font-weight:var(--nb-font-medium);transition:all var(--nb-transition-fast);position:relative}.nb-tab:hover{background:var(--nb-bg-white)}.nb-tab.active{background:var(--nb-bg-white);font-weight:var(--nb-font-bold);bottom:-2px}@media(max-width:768px){.nb-btn,.nb-card,.nb-course-card,.nb-section{box-shadow:2px 2px 0 var(--nb-border-dark)!important}.nb-btn-lg,.nb-modal,.nb-alert{box-shadow:3px 3px 0 var(--nb-border-dark)!important}.nb-card:hover,.nb-course-card:hover{box-shadow:4px 4px 0 var(--nb-border-dark)!important}.nb-btn{width:100%;padding:clamp(12px,3vw,14px) clamp(16px,4vw,20px);min-height:44px}.nb-course-card{padding:var(--nb-space-4)}.nb-nav-links{flex-direction:column;width:100%}.nb-modal{width:95%;padding:var(--nb-space-6)}.nb-section{padding:clamp(16px,4vw,24px)}.nb-h1{font-size:clamp(28px,5vw,36px)}.nb-h2{font-size:clamp(22px,4vw,28px)}.nb-h3{font-size:clamp(18px,3.5vw,22px)}.nb-grid{grid-template-columns:1fr;gap:var(--nb-space-4)}}body{font-family:var(--nb-font-primary);background-color:var(--nb-bg-light);color:var(--nb-text-primary);margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-x:hidden}*{box-sizing:border-box}p,li,td,th,div,span,a,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}div,section,article,main,header,footer,nav{max-width:100%}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(12px,4vw,24px)}.mb-12{margin-bottom:var(--nb-space-16)}.mb-8{margin-bottom:var(--nb-space-12)}.mb-6{margin-bottom:var(--nb-space-8)}.mb-4{margin-bottom:var(--nb-space-6)}.mb-2{margin-bottom:var(--nb-space-3)}.mt-4{margin-top:var(--nb-space-6)}.mt-2{margin-top:var(--nb-space-3)}.mt-1{margin-top:var(--nb-space-2)}.text-center{text-align:center}.text-5xl{font-size:clamp(32px,5vw,48px);line-height:var(--nb-leading-tight);font-weight:var(--nb-font-bold)}.text-4xl{font-size:clamp(28px,4.5vw,36px);line-height:var(--nb-leading-tight);font-weight:var(--nb-font-bold)}.text-2xl{font-size:clamp(20px,3.5vw,24px);line-height:var(--nb-leading-normal);font-weight:var(--nb-font-bold)}.text-xl{font-size:clamp(18px,2.5vw,20px);line-height:var(--nb-leading-normal)}.text-lg{font-size:clamp(15px,2vw,16px);line-height:var(--nb-leading-relaxed)}.text-sm{font-size:clamp(13px,1.75vw,14px);line-height:var(--nb-leading-normal)}.font-bold{font-weight:var(--nb-font-bold)}.font-semibold{font-weight:var(--nb-font-semibold)}.px-4{padding-left:var(--nb-space-4);padding-right:var(--nb-space-4)}.py-8{padding-top:var(--nb-space-12);padding-bottom:var(--nb-space-12)}.py-2{padding-top:var(--nb-space-2);padding-bottom:var(--nb-space-2)}.flex{display:flex}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.items-center{align-items:center}.gap-4{gap:var(--nb-space-4)}.gap-3{gap:var(--nb-space-3)}border-radius: 0 !important; } [data-theme="dark"] body{background-color:var(--nb-bg-light)!important}[data-theme=dark] .container{background-color:transparent}[data-theme=dark] body>div:first-of-type,[data-theme=dark] body>.container:first-of-type{background-color:var(--nb-bg-light)!important}[data-theme=dark] #language-switcher-container,[data-theme=dark] #theme-switcher-container{background-color:transparent}[data-theme=dark] header.text-center{background-color:var(--nb-bg-light)!important;padding-top:var(--nb-space-4);padding-bottom:var(--nb-space-4)}[data-theme=dark] .flex.justify-end,[data-theme=dark] .flex.justify-between{background-color:transparent}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--nb-space-6)}.course-overview-card{background:var(--nb-bg-white);border:var(--nb-border-thick) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-lg);padding:var(--nb-space-6);transition:all var(--nb-transition-normal);cursor:pointer}.course-overview-card:hover{transform:translate(-2px,-2px);box-shadow:var(--nb-shadow-xl)}.course-overview-card h3{color:var(--nb-comp);font-size:clamp(16px,2.5vw,20px);font-weight:var(--nb-font-bold);margin-bottom:var(--nb-space-2);text-transform:uppercase;overflow-wrap:break-word;word-wrap:break-word}.course-overview-card h4{color:var(--nb-text-primary);font-size:clamp(14px,2vw,16px);font-weight:var(--nb-font-bold);margin-bottom:var(--nb-space-3);overflow-wrap:break-word;word-wrap:break-word}.course-overview-card p{color:var(--nb-text-secondary);font-size:clamp(12px,1.75vw,14px);line-height:var(--nb-leading-relaxed);overflow-wrap:break-word;word-wrap:break-word}.course-link{text-decoration:none;display:block}.premium-badge{display:inline-flex;align-items:center;gap:var(--nb-space-1);padding:var(--nb-space-1) var(--nb-space-3);background:var(--nb-premium);color:var(--nb-text-primary);font-size:var(--nb-text-xs);font-weight:var(--nb-font-bold);border:var(--nb-border-normal) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-sm);text-transform:uppercase;letter-spacing:.025em}.premium-badge-icon{font-size:var(--nb-text-sm)}.premium-locked{position:relative;opacity:.7}.premium-locked:after{content:"🔒";position:absolute;top:var(--nb-space-2);right:var(--nb-space-2);font-size:var(--nb-text-xl);opacity:.6}.bg-\[#e07a5f\]{background-color:var(--nb-comp)}.text-white{color:var(--nb-text-white)}.text-\[#e07a5f\]{color:var(--nb-comp)}.border{border-width:var(--nb-border-normal)}.border-\[#e07a5f\]{border-color:var(--nb-comp)}.transition{transition:all var(--nb-transition-normal)}.duration-200{transition-duration:var(--nb-transition-normal)}button,input[type=button],input[type=submit]{font-family:var(--nb-font-primary)!important;font-size:var(--nb-text-base)!important;font-weight:var(--nb-font-bold)!important;line-height:1!important;margin:0!important;padding:12px 24px!important;border:var(--nb-border-normal) solid var(--nb-border-dark)!important;background:var(--nb-bg-white)!important;color:var(--nb-text-primary)!important;cursor:pointer!important;text-decoration:none!important;text-transform:uppercase!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;outline:none!important;box-shadow:var(--nb-shadow-md)!important;transition:all var(--nb-transition-fast)!important}:is(button,input[type=button],input[type=submit]) .rounded-md,:is(button,input[type=button],input[type=submit]) .rounded-lg,:is(button,input[type=button],input[type=submit]) .rounded-xl,:is(button,input[type=button],input[type=submit]) .rounded-full{border-radius:0!important}:is(button,input[type=button],input[type=submit]) button:hover,:is(button,input[type=button],input[type=submit]) input[type=button]:hover,:is(button,input[type=button],input[type=submit]) input[type=submit]:hover{transform:translate(2px,2px)!important;box-shadow:var(--nb-shadow-sm)!important}:is(button,input[type=button],input[type=submit]) button:active,:is(button,input[type=button],input[type=submit]) input[type=button]:active,:is(button,input[type=button],input[type=submit]) input[type=submit]:active{transform:translate(4px,4px)!important;box-shadow:none!important}:is(button,input[type=button],input[type=submit]) #login-btn{background-color:var(--nb-comp)!important;color:var(--nb-text-white)!important;border-color:var(--nb-border-dark)!important}:is(button,input[type=button],input[type=submit]) #login-btn:hover{transform:translate(2px,2px)!important;box-shadow:var(--nb-shadow-sm)!important}:is(button,input[type=button],input[type=submit]) button[onclick*=showStripeCheckoutModal]{background-color:var(--nb-bg-white)!important;color:var(--nb-comp)!important;border-color:var(--nb-border-dark)!important}:is(button,input[type=button],input[type=submit]) button[onclick*=showStripeCheckoutModal]:hover{background-color:var(--nb-bg-light)!important}:is(button,input[type=button],input[type=submit]) .course-card{background-color:var(--nb-bg-white);border:var(--nb-border-thick) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-lg);padding:var(--nb-space-6);margin-top:var(--nb-space-4);transition:all var(--nb-transition-normal)}:is(button,input[type=button],input[type=submit]) .course-card:hover{transform:translate(-2px,-2px);box-shadow:var(--nb-shadow-xl)}@media(min-width:768px){:is(button,input[type=button],input[type=submit]) .course-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){:is(button,input[type=button],input[type=submit]) .course-grid{grid-template-columns:repeat(4,1fr)}}:is(button,input[type=button],input[type=submit]) .notion-badge{display:inline-block;background-color:var(--nb-accent-yellow);color:var(--nb-text-primary);font-size:var(--nb-text-xs);font-weight:var(--nb-font-bold);padding:var(--nb-space-1) var(--nb-space-3);border:var(--nb-border-normal) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-sm);margin-top:var(--nb-space-2);text-transform:uppercase}:is(button,input[type=button],input[type=submit]) .local-badge{display:inline-block;background-color:var(--nb-border-gray);color:var(--nb-text-white);font-size:var(--nb-text-xs);font-weight:var(--nb-font-bold);padding:var(--nb-space-1) var(--nb-space-3);border:var(--nb-border-normal) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-sm);margin-top:var(--nb-space-2);text-transform:uppercase}:is(button,input[type=button],input[type=submit]) .external-link:after{content:" ↗";font-size:var(--nb-text-sm);opacity:.7}:is(button,input[type=button],input[type=submit]) .premium-badge{display:inline-block;background:var(--nb-premium);color:var(--nb-text-primary);font-size:var(--nb-text-xs);font-weight:var(--nb-font-bold);padding:var(--nb-space-1) var(--nb-space-3);border:var(--nb-border-normal) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-sm);margin-top:var(--nb-space-2);text-transform:uppercase}:is(button,input[type=button],input[type=submit]) .premium-card{border:var(--nb-border-thick) solid var(--nb-border-dark);background:var(--nb-premium);position:relative;box-shadow:var(--nb-shadow-lg);transition:all var(--nb-transition-normal)}:is(button,input[type=button],input[type=submit]) .premium-card:hover{transform:translate(-2px,-2px);box-shadow:var(--nb-shadow-xl)}:is(button,input[type=button],input[type=submit]) .premium-card:before{content:"👑";position:absolute;top:var(--nb-space-2);right:var(--nb-space-2);font-size:var(--nb-text-base);z-index:5}:is(button,input[type=button],input[type=submit]) .premium-button{background:var(--nb-premium);color:var(--nb-text-primary);border:var(--nb-border-normal) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-md);padding:12px 24px;font-weight:var(--nb-font-bold);cursor:pointer;transition:all var(--nb-transition-fast);position:relative;text-transform:uppercase}:is(button,input[type=button],input[type=submit]) .premium-button:hover{transform:translate(2px,2px);box-shadow:var(--nb-shadow-sm)}:is(button,input[type=button],input[type=submit]) .premium-button:active{transform:translate(4px,4px);box-shadow:none}:is(button,input[type=button],input[type=submit]) .premium-button:before{content:"👑";margin-right:var(--nb-space-2)}:is(button,input[type=button],input[type=submit]) .premium-locked{position:relative;opacity:.6;pointer-events:none}:is(button,input[type=button],input[type=submit]) .premium-locked:before{content:"🔒";position:absolute;top:var(--nb-space-2);right:var(--nb-space-2);background:var(--nb-bg-white);border:var(--nb-border-normal) solid var(--nb-border-dark);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--nb-text-sm);z-index:10}:is(button,input[type=button],input[type=submit]) .premium-overlay{position:absolute;inset:0;background:#0000001a;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer}:is(button,input[type=button],input[type=submit]) .premium-overlay:hover{background:#e07a5f1a}:is(button,input[type=button],input[type=submit]) .back-button{background-color:var(--nb-bg-white);color:var(--nb-text-primary);border:var(--nb-border-normal) solid var(--nb-comp);border-radius:0;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem}:is(button,input[type=button],input[type=submit]) .back-button:hover{background-color:var(--nb-comp);color:var(--nb-text-white);transform:translateY(-2px)}:is(button,input[type=button],input[type=submit]) .tab-nav{background-color:var(--nb-bg-white);border:var(--nb-border-normal) solid var(--nb-border-dark);padding:1rem;margin-bottom:2rem;box-shadow:var(--nb-shadow-md);display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}:is(button,input[type=button],input[type=submit]) .tab-button{background-color:var(--nb-bg-light);color:var(--nb-text-primary);border:var(--nb-border-normal) solid transparent;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;flex:0 0 auto}:is(button,input[type=button],input[type=submit]) .tab-button:hover{border-color:var(--nb-comp);transform:translateY(-2px)}:is(button,input[type=button],input[type=submit]) .tab-button.active{background-color:var(--nb-comp);color:var(--nb-text-white);border-color:var(--nb-comp)}:is(button,input[type=button],input[type=submit]) .tab-content-container{background-color:var(--nb-bg-white);border:var(--nb-border-normal) solid var(--nb-border-dark);padding:2rem;box-shadow:var(--nb-shadow-md)}:is(button,input[type=button],input[type=submit]) .tab-content-panel{display:none}:is(button,input[type=button],input[type=submit]) .tab-content-panel.active{display:block}:is(button,input[type=button],input[type=submit]) .notes-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:1.5rem}:is(button,input[type=button],input[type=submit]) .notes-option-card{background-color:var(--nb-bg-white);border-radius:0;padding:2rem;border:var(--nb-border-normal) solid transparent;transition:all .2s ease-in-out;text-decoration:none;color:inherit}:is(button,input[type=button],input[type=submit]) .notes-option-card:hover{border-color:var(--nb-comp);transform:translateY(-5px);box-shadow:var(--nb-shadow-lg)}:is(button,input[type=button],input[type=submit]) .table-wrapper,:is(button,input[type=button],input[type=submit]) .nb-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--nb-space-4) 0}:is(button,input[type=button],input[type=submit]) .table-wrapper>table,:is(button,input[type=button],input[type=submit]) .nb-table-wrapper>.nb-table{min-width:600px}:is(button,input[type=button],input[type=submit]) pre,:is(button,input[type=button],input[type=submit]) .nb-code-block,:is(button,input[type=button],input[type=submit]) code{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}:is(button,input[type=button],input[type=submit]) code,:is(button,input[type=button],input[type=submit]) .nb-code-inline{word-break:break-all;max-width:100%}:is(button,input[type=button],input[type=submit]) .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}:is(button,input[type=button],input[type=submit]) .text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}:is(button,input[type=button],input[type=submit]) .text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){:is(button,input[type=button],input[type=submit]) *{min-width:0;min-height:0}:is(button,input[type=button],input[type=submit]) img,:is(button,input[type=button],input[type=submit]) video,:is(button,input[type=button],input[type=submit]) canvas,:is(button,input[type=button],input[type=submit]) svg,:is(button,input[type=button],input[type=submit]) iframe{max-width:100%;height:auto}:is(button,input[type=button],input[type=submit]) .nav-links a{max-width:100%;overflow:hidden;text-overflow:ellipsis}:is(button,input[type=button],input[type=submit]) .course-overview-card h3,:is(button,input[type=button],input[type=submit]) .course-overview-card h4{max-width:100%}:is(button,input[type=button],input[type=submit]) .course-overview-card,:is(button,input[type=button],input[type=submit]) .course-card,:is(button,input[type=button],input[type=submit]) .premium-card{box-shadow:2px 2px 0 var(--nb-border-dark)!important}:is(button,input[type=button],input[type=submit]) .course-overview-card:hover,:is(button,input[type=button],input[type=submit]) .course-card:hover,:is(button,input[type=button],input[type=submit]) .premium-card:hover{box-shadow:4px 4px 0 var(--nb-border-dark)!important}:is(button,input[type=button],input[type=submit]) button,:is(button,input[type=button],input[type=submit]) input[type=button],:is(button,input[type=button],input[type=submit]) input[type=submit]{box-shadow:2px 2px 0 var(--nb-border-dark)!important}:is(button,input[type=button],input[type=submit]) button:hover,:is(button,input[type=button],input[type=submit]) input[type=button]:hover,:is(button,input[type=button],input[type=submit]) input[type=submit]:hover{box-shadow:1px 1px 0 var(--nb-border-dark)!important}:is(button,input[type=button],input[type=submit]) .premium-badge{white-space:normal;text-align:center}:is(button,input[type=button],input[type=submit]) .course-grid{grid-template-columns:1fr!important;gap:var(--nb-space-4)}:is(button,input[type=button],input[type=submit]) .full-screen,:is(button,input[type=button],input[type=submit]) .min-h-screen,:is(button,input[type=button],input[type=submit]) .min-h-100vh{min-height:100svh}:is(button,input[type=button],input[type=submit]) .grid,:is(button,input[type=button],input[type=submit]) .content-grid,:is(button,input[type=button],input[type=submit]) .notes-options{gap:1rem}:is(button,input[type=button],input[type=submit]) .content-grid{grid-template-columns:1fr!important}:is(button,input[type=button],input[type=submit]) .tab-nav{flex-direction:row;gap:.5rem;padding:.75rem}:is(button,input[type=button],input[type=submit]) .tab-button{padding:.75rem 1rem;text-align:center;font-size:.9rem;min-height:44px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:is(button,input[type=button],input[type=submit]) .tab-content-container{padding:1rem}:is(button,input[type=button],input[type=submit]) button,:is(button,input[type=button],input[type=submit]) .btn,:is(button,input[type=button],input[type=submit]) a.button,:is(button,input[type=button],input[type=submit]) input[type=submit]{min-height:44px}:is(button,input[type=button],input[type=submit]) input[type=text],:is(button,input[type=button],input[type=submit]) input[type=number],:is(button,input[type=button],input[type=submit]) input[type=email],:is(button,input[type=button],input[type=submit]) select,:is(button,input[type=button],input[type=submit]) textarea,:is(button,input[type=button],input[type=submit]) .input-field{width:100%;max-width:100%}:is(button,input[type=button],input[type=submit]) .language-switcher{top:auto;right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));padding:3px}:is(button,input[type=button],input[type=submit]) .language-switcher button{padding:6px 10px;font-size:12px}}:is(button,input[type=button],input[type=submit]) .global-nav{background-color:var(--nb-bg-white);box-shadow:none;position:sticky;top:0;z-index:1000;border-bottom:var(--nb-border-thick) solid var(--nb-border-dark)}:is(button,input[type=button],input[type=submit]) .nav-container{width:100%;max-width:none;margin:0;padding:var(--nb-space-4) clamp(16px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:var(--nb-space-6)}:is(button,input[type=button],input[type=submit]) .nav-logo{display:flex;align-items:center;gap:var(--nb-space-2);text-decoration:none;color:var(--nb-text-primary);font-weight:var(--nb-font-bold);font-size:var(--nb-text-xl);flex-shrink:0;transition:all var(--nb-transition-fast);text-transform:uppercase}:is(button,input[type=button],input[type=submit]) .nav-logo:hover{color:var(--nb-comp)}:is(button,input[type=button],input[type=submit]) .logo-icon{font-size:var(--nb-text-2xl)}:is(button,input[type=button],input[type=submit]) .logo-text{white-space:nowrap}:is(button,input[type=button],input[type=submit]) .nav-links{display:flex;align-items:center;gap:var(--nb-space-2);flex-grow:1;justify-content:flex-start;margin-right:auto}:is(button,input[type=button],input[type=submit]) .courses-dropdown{position:relative}:is(button,input[type=button],input[type=submit]) .courses-dropdown-btn{padding:var(--nb-space-2) var(--nb-space-4);background:var(--nb-bg-white);border:var(--nb-border-normal) solid var(--nb-border-dark);color:var(--nb-text-primary);font-weight:var(--nb-font-bold);font-size:var(--nb-text-sm);cursor:pointer;transition:all var(--nb-transition-fast);text-transform:uppercase;box-shadow:var(--nb-shadow-sm)}:is(button,input[type=button],input[type=submit]) .courses-dropdown-btn:hover{background-color:var(--nb-bg-light);transform:translate(1px,1px);box-shadow:var(--nb-shadow-xs)}:is(button,input[type=button],input[type=submit]) .courses-dropdown-btn:active{transform:translate(2px,2px);box-shadow:none}:is(button,input[type=button],input[type=submit]) .courses-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--nb-bg-white);border:var(--nb-border-thick) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-lg);display:none;flex-direction:column;gap:0;z-index:1000}:is(button,input[type=button],input[type=submit]) .courses-dropdown-menu.active{display:flex}:is(button,input[type=button],input[type=submit]) .courses-dropdown-menu a{padding:var(--nb-space-3) var(--nb-space-4);text-decoration:none;color:var(--nb-text-primary);font-weight:var(--nb-font-medium);font-size:var(--nb-text-sm);border-bottom:var(--nb-border-normal) solid var(--nb-border-gray);transition:all var(--nb-transition-fast);white-space:nowrap;text-transform:uppercase}:is(button,input[type=button],input[type=submit]) .courses-dropdown-menu a:last-child{border-bottom:none}:is(button,input[type=button],input[type=submit]) .courses-dropdown-menu a:hover{background-color:var(--nb-bg-light);padding-left:var(--nb-space-5)}:is(button,input[type=button],input[type=submit]) .courses-dropdown-menu a.active{background-color:var(--nb-bg-dark);color:var(--nb-text-white)}:is(button,input[type=button],input[type=submit]) .nav-actions{display:flex;align-items:center;gap:var(--nb-space-3);flex-shrink:0;flex-wrap:wrap}:is(button,input[type=button],input[type=submit]) #user-actions-container{display:flex;align-items:center;gap:var(--nb-space-3);flex-wrap:wrap}@media(min-width:769px){:is(button,input[type=button],input[type=submit]) #user-actions-container button,:is(button,input[type=button],input[type=submit]) #user-actions-container a{white-space:nowrap}}@media(max-width:768px){:is(button,input[type=button],input[type=submit]) .nav-container{padding:clamp(8px,2vw,16px) clamp(12px,3vw,24px);flex-wrap:wrap}:is(button,input[type=button],input[type=submit]) .nav-logo{font-size:clamp(16px,3vw,20px);order:1}:is(button,input[type=button],input[type=submit]) .logo-text{display:none}:is(button,input[type=button],input[type=submit]) .nav-links{display:flex;order:4;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--nb-space-2);padding-top:.5rem;border-top:var(--nb-border-normal) solid var(--nb-border-gray);margin-top:.5rem}:is(button,input[type=button],input[type=submit]) .courses-dropdown{width:100%}:is(button,input[type=button],input[type=submit]) .courses-dropdown-btn{width:100%;text-align:left;min-height:44px;display:flex;align-items:center;justify-content:space-between}:is(button,input[type=button],input[type=submit]) .courses-dropdown-menu{position:static;width:100%;border:none;border-top:var(--nb-border-normal) solid var(--nb-border-gray);box-shadow:none;margin-top:0}:is(button,input[type=button],input[type=submit]) .courses-dropdown-menu a{padding:clamp(12px,3vw,16px) 1rem;padding-left:2rem;font-size:clamp(14px,2.5vw,16px);min-height:44px;display:flex;align-items:center}:is(button,input[type=button],input[type=submit]) .courses-dropdown-menu a:hover{padding-left:2.5rem}}@media(min-width:769px)and (max-width:1024px){:is(button,input[type=button],input[type=submit]) .nav-links{gap:.25rem}:is(button,input[type=button],input[type=submit]) .nav-links a{font-size:.8125rem;padding:.5rem}}@media(min-width:480px){:is(button,input[type=button],input[type=submit]) .logo-text{display:inline}}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .global-nav{background-color:var(--nb-bg-white)!important;border-bottom-color:var(--nb-border-light)!important;box-shadow:var(--nb-shadow-lg)!important}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .nav-logo{color:var(--nb-comp)!important}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .courses-dropdown-btn{background-color:var(--nb-bg-alt)!important;border-color:var(--nb-border-gray)!important;color:var(--nb-text-secondary)!important}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .courses-dropdown-btn:hover{background-color:var(--nb-bg-white)!important;color:var(--nb-comp)!important}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .courses-dropdown-menu{background-color:var(--nb-bg-alt)!important;border-color:var(--nb-border-gray)!important}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .courses-dropdown-menu a{color:var(--nb-text-secondary)!important;border-bottom-color:var(--nb-border-light)!important}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .courses-dropdown-menu a:hover{background-color:var(--nb-bg-white)!important;color:var(--nb-comp)!important}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .courses-dropdown-menu a.active{background-color:var(--nb-comp)!important;color:var(--nb-bg-dark)!important}@media(prefers-color-scheme:dark){:is(button,input[type=button],input[type=submit]) .global-nav{background-color:#1a1a1a;border-bottom-color:#333}:is(button,input[type=button],input[type=submit]) .nav-logo{color:#f8f7f2}:is(button,input[type=button],input[type=submit]) .nav-links a{color:#ccc}:is(button,input[type=button],input[type=submit]) .nav-links a:hover{background-color:#2c2c2c;color:#fff}}:is(button,input[type=button],input[type=submit]) .language-switcher-host{display:flex;align-items:center}:is(button,input[type=button],input[type=submit]) .language-switcher{display:flex;gap:var(--nb-space-1);background:var(--nb-bg-white);padding:var(--nb-space-2);border-radius:0!important;border:var(--nb-border-normal) solid var(--nb-border-dark);box-shadow:var(--nb-shadow-md);z-index:1000;transition:all var(--nb-transition-fast);align-items:center;flex-shrink:0;min-width:120px;flex-wrap:nowrap}:is(button,input[type=button],input[type=submit]) .language-switcher.has-theme-toggle{gap:var(--nb-space-2)}:is(button,input[type=button],input[type=submit]) #theme-switcher-container{display:flex;align-items:center;justify-content:center}:is(button,input[type=button],input[type=submit]) .theme-toggle-wrapper{display:flex;align-items:center;margin-left:var(--nb-space-1);padding-left:var(--nb-space-2);border-left:var(--nb-border-normal) solid var(--nb-border-dark)}:is(button,input[type=button],input[type=submit]) .theme-toggle-wrapper--solo{margin-left:0;padding-left:0;border-left:none}:is(button,input[type=button],input[type=submit]) .theme-toggle{display:inline-flex;align-items:center;gap:var(--nb-space-2);padding:var(--nb-space-2) var(--nb-space-4);border:var(--nb-border-normal) solid var(--nb-border-dark);background:var(--nb-bg-white);color:var(--nb-text-primary);border-radius:0!important;cursor:pointer;font-size:var(--nb-text-sm);font-weight:var(--nb-font-bold);transition:all var(--nb-transition-fast);-webkit-user-select:none;user-select:none;outline:none;min-width:60px;justify-content:center;text-transform:uppercase;box-shadow:var(--nb-shadow-sm)}:is(button,input[type=button],input[type=submit]) .theme-toggle__icon{font-size:var(--nb-text-base);line-height:1}:is(button,input[type=button],input[type=submit]) .theme-toggle__label{font-size:var(--nb-text-xs);letter-spacing:.05em;text-transform:uppercase}:is(button,input[type=button],input[type=submit]) .theme-toggle:hover{background-color:var(--nb-accent-green);color:var(--nb-text-primary);transform:translate(2px,2px);box-shadow:var(--nb-shadow-xs)}:is(button,input[type=button],input[type=submit]) .theme-toggle:focus{outline:3px solid var(--nb-accent-green);outline-offset:2px}:is(button,input[type=button],input[type=submit]) .theme-toggle:active{transform:translate(4px,4px);box-shadow:none}:is(button,input[type=button],input[type=submit]) .theme-toggle--inline{height:100%}:is(button,input[type=button],input[type=submit]) .theme-toggle-floating{position:fixed;top:1rem;right:1rem;z-index:1100;display:flex;align-items:center}:is(button,input[type=button],input[type=submit]) .theme-toggle--floating{padding:var(--nb-space-3) var(--nb-space-4)}:is(button,input[type=button],input[type=submit]) .language-switcher-floating{position:fixed;top:1rem;right:1rem}:is(button,input[type=button],input[type=submit]) .language-switcher-inline{position:relative;top:auto;right:auto;left:auto;margin-left:auto;align-items:center}:is(button,input[type=button],input[type=submit]) .lang-btn{padding:var(--nb-space-2) var(--nb-space-4);border:var(--nb-border-normal) solid var(--nb-border-dark);background:var(--nb-bg-white);color:var(--nb-text-primary);border-radius:0!important;cursor:pointer;font-size:var(--nb-text-sm);font-weight:var(--nb-font-bold);transition:all var(--nb-transition-fast);-webkit-user-select:none;user-select:none;outline:none;min-width:48px;text-align:center;position:relative;overflow:visible;text-transform:uppercase;box-shadow:var(--nb-shadow-sm)}:is(button,input[type=button],input[type=submit]) .lang-btn:hover{background-color:var(--nb-accent-green);color:var(--nb-text-primary);transform:translate(2px,2px);box-shadow:var(--nb-shadow-xs)}:is(button,input[type=button],input[type=submit]) .lang-btn:focus{outline:3px solid var(--nb-accent-green);outline-offset:2px}:is(button,input[type=button],input[type=submit]) .lang-btn.active{background-color:var(--nb-comp);color:var(--nb-text-white);box-shadow:var(--nb-shadow-md)}:is(button,input[type=button],input[type=submit]) .lang-btn:active{transform:translate(4px,4px);box-shadow:none}:is(button,input[type=button],input[type=submit]) .en-content,:is(button,input[type=button],input[type=submit]) .zh-content{transition:opacity var(--nb-transition-fast)}:is(button,input[type=button],input[type=submit]) .lang-zh .en-content{display:none}:is(button,input[type=button],input[type=submit]) .lang-zh .zh-content{display:inline}:is(button,input[type=button],input[type=submit]) body:not(.lang-zh) .en-content{display:inline}:is(button,input[type=button],input[type=submit]) body:not(.lang-zh) .zh-content{display:none}@media(max-width:768px){:is(button,input[type=button],input[type=submit]) .language-switcher-floating{top:var(--nb-space-3);right:var(--nb-space-3);padding:var(--nb-space-1);border-radius:0!important;gap:var(--nb-space-1)}:is(button,input[type=button],input[type=submit]) .language-switcher-inline{margin:var(--nb-space-2) 0 0;max-width:fit-content;justify-content:flex-end;gap:var(--nb-space-1);padding:var(--nb-space-1);border-radius:0!important;min-width:auto;width:auto;flex-direction:row;flex-wrap:nowrap}:is(button,input[type=button],input[type=submit]) .language-switcher-inline .lang-btn,:is(button,input[type=button],input[type=submit]) .lang-btn{padding:var(--nb-space-1) var(--nb-space-3);font-size:var(--nb-text-xs);min-width:40px;border-radius:0!important}:is(button,input[type=button],input[type=submit]) .theme-toggle-wrapper{margin-left:var(--nb-space-1);padding-left:var(--nb-space-1)}:is(button,input[type=button],input[type=submit]) .theme-toggle{padding:var(--nb-space-1) var(--nb-space-2);font-size:var(--nb-text-xs);border-radius:0!important}:is(button,input[type=button],input[type=submit]) .theme-toggle__label{font-size:var(--nb-text-xs)}:is(button,input[type=button],input[type=submit]) .lang-btn:hover{transform:translate(1px,1px)}}@media(max-width:480px){:is(button,input[type=button],input[type=submit]) .language-switcher{gap:var(--nb-space-1);padding:var(--nb-space-1);border-radius:0!important}:is(button,input[type=button],input[type=submit]) .lang-btn{padding:var(--nb-space-1) var(--nb-space-2);font-size:var(--nb-text-xs);min-width:36px;border-radius:0!important;font-weight:var(--nb-font-bold)}:is(button,input[type=button],input[type=submit]) .theme-toggle{padding:var(--nb-space-1) var(--nb-space-2);font-size:var(--nb-text-xs)}}@media(prefers-reduced-motion:reduce){:is(button,input[type=button],input[type=submit]) .lang-btn,:is(button,input[type=button],input[type=submit]) .theme-toggle,:is(button,input[type=button],input[type=submit]) .en-content,:is(button,input[type=button],input[type=submit]) .zh-content{transition:none}}@media(prefers-contrast:high){:is(button,input[type=button],input[type=submit]) .lang-btn,:is(button,input[type=button],input[type=submit]) .theme-toggle{border-width:var(--nb-border-thick);font-weight:var(--nb-font-bold)}:is(button,input[type=button],input[type=submit]) .language-switcher{background-color:var(--nb-bg-white);border:var(--nb-border-thick) solid var(--nb-border-dark)}}@media print{:is(button,input[type=button],input[type=submit]) .language-switcher{display:none}}:is(button,input[type=button],input[type=submit]) .hamburger-menu-wrapper{position:relative;display:flex;align-items:center;margin-left:auto}:is(button,input[type=button],input[type=submit]) .hamburger-menu-floating{position:fixed;top:var(--nb-space-5);right:var(--nb-space-5);z-index:1000}:is(button,input[type=button],input[type=submit]) .hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:var(--nb-bg-white);border:var(--nb-border-normal) solid var(--nb-border-dark);border-radius:0!important;cursor:pointer;transition:all var(--nb-transition-fast);box-shadow:var(--nb-shadow-md);z-index:1000}:is(button,input[type=button],input[type=submit]) .hamburger-btn:hover{background:var(--nb-accent-green);border-color:var(--nb-border-dark);transform:translate(2px,2px);box-shadow:var(--nb-shadow-sm)}:is(button,input[type=button],input[type=submit]) .hamburger-line{width:20px;height:3px;background:var(--nb-border-dark);margin:2px 0;transition:all var(--nb-transition-normal);border-radius:0}:is(button,input[type=button],input[type=submit]) .hamburger-dropdown{position:absolute;top:calc(100% + var(--nb-space-2));right:0;background:var(--nb-bg-white);border:var(--nb-border-normal) solid var(--nb-border-dark);border-radius:0!important;box-shadow:var(--nb-shadow-lg);padding:var(--nb-space-4);min-width:160px;display:none;flex-direction:column;gap:var(--nb-space-2);z-index:1001;transform:translateY(-10px);opacity:0;transition:all var(--nb-transition-normal)}:is(button,input[type=button],input[type=submit]) .hamburger-dropdown.show{display:flex;opacity:1;transform:translateY(0)}:is(button,input[type=button],input[type=submit]) .hamburger-dropdown .section-title{font-size:var(--nb-text-xs);font-weight:var(--nb-font-bold);color:var(--nb-text-secondary);margin-bottom:var(--nb-space-2);text-transform:uppercase;letter-spacing:.1em}:is(button,input[type=button],input[type=submit]) .hamburger-dropdown .lang-buttons{display:flex;gap:var(--nb-space-1)}:is(button,input[type=button],input[type=submit]) .hamburger-dropdown .divider{height:var(--nb-border-normal);background:var(--nb-border-dark);margin:var(--nb-space-1) 0}:is(button,input[type=button],input[type=submit]) .lang-btn-dropdown{flex:1;padding:var(--nb-space-2) var(--nb-space-3);border:var(--nb-border-normal) solid var(--nb-border-dark);background:var(--nb-bg-white);color:var(--nb-text-primary);border-radius:0!important;cursor:pointer;font-size:var(--nb-text-sm);font-weight:var(--nb-font-bold);transition:all var(--nb-transition-fast);text-align:center;-webkit-user-select:none;user-select:none;outline:none;text-transform:uppercase;box-shadow:var(--nb-shadow-sm)}:is(button,input[type=button],input[type=submit]) .lang-btn-dropdown:hover{background:var(--nb-accent-green);color:var(--nb-text-primary);transform:translate(2px,2px);box-shadow:var(--nb-shadow-xs)}:is(button,input[type=button],input[type=submit]) .lang-btn-dropdown.active{background:var(--nb-comp);color:var(--nb-text-white);box-shadow:var(--nb-shadow-md)}:is(button,input[type=button],input[type=submit]) .theme-toggle-dropdown{width:100%;padding:var(--nb-space-3) var(--nb-space-3);border:var(--nb-border-normal) solid var(--nb-border-dark);background:var(--nb-bg-white);color:var(--nb-text-primary);border-radius:0!important;cursor:pointer;font-size:var(--nb-text-sm);font-weight:var(--nb-font-bold);transition:all var(--nb-transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--nb-space-2);-webkit-user-select:none;user-select:none;outline:none;text-transform:uppercase;box-shadow:var(--nb-shadow-sm)}:is(button,input[type=button],input[type=submit]) .theme-toggle-dropdown:hover{background:var(--nb-accent-green);color:var(--nb-text-primary);transform:translate(2px,2px);box-shadow:var(--nb-shadow-xs)}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .language-switcher{background:var(--nb-bg-white)!important;border-color:var(--nb-border-dark)!important;box-shadow:var(--nb-shadow-md)!important}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .lang-btn{background:var(--nb-bg-white)!important;border-color:var(--nb-border-dark)!important;color:var(--nb-text-primary)!important}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .lang-btn:hover{background:var(--nb-accent-green)!important;color:var(--nb-text-primary)!important}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .lang-btn.active{background:var(--nb-comp)!important;color:var(--nb-text-white)!important}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .theme-toggle{background:var(--nb-bg-white)!important;border-color:var(--nb-border-dark)!important;color:var(--nb-text-primary)!important}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .theme-toggle:hover{background:var(--nb-accent-green)!important;color:var(--nb-text-primary)!important}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .hamburger-btn{background:var(--nb-bg-white);border-color:var(--nb-border-dark);box-shadow:var(--nb-shadow-md)}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .hamburger-btn:hover{background:var(--nb-accent-green);border-color:var(--nb-border-dark)}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .hamburger-line{background:var(--nb-border-dark)}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .hamburger-dropdown{background:var(--nb-bg-white);border-color:var(--nb-border-dark);box-shadow:var(--nb-shadow-lg)}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .hamburger-dropdown .section-title{color:var(--nb-text-secondary)}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .hamburger-dropdown .divider{background:var(--nb-border-dark)}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .lang-btn-dropdown{border-color:var(--nb-border-dark);color:var(--nb-text-primary);background:var(--nb-bg-white)}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .lang-btn-dropdown:hover{background:var(--nb-accent-green);color:var(--nb-text-primary)}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .lang-btn-dropdown.active{background:var(--nb-comp);color:var(--nb-text-white)}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .theme-toggle-dropdown{border-color:var(--nb-border-dark);color:var(--nb-text-primary);background:var(--nb-bg-white)}:is(button,input[type=button],input[type=submit]) [data-theme=dark] .theme-toggle-dropdown:hover{background:var(--nb-accent-green);color:var(--nb-text-primary)}@media(max-width:768px){:is(button,input[type=button],input[type=submit]) .hamburger-btn{width:36px;height:36px}:is(button,input[type=button],input[type=submit]) .hamburger-line{width:18px;height:3px}:is(button,input[type=button],input[type=submit]) .hamburger-dropdown{min-width:140px;padding:var(--nb-space-3)}:is(button,input[type=button],input[type=submit]) .lang-btn-dropdown,:is(button,input[type=button],input[type=submit]) .theme-toggle-dropdown{padding:var(--nb-space-2) var(--nb-space-3);font-size:var(--nb-text-xs)}}@media(max-width:480px){:is(button,input[type=button],input[type=submit]) .hamburger-btn{width:32px;height:32px}:is(button,input[type=button],input[type=submit]) .hamburger-line{width:16px;height:2px}:is(button,input[type=button],input[type=submit]) .hamburger-dropdown{min-width:120px;padding:var(--nb-space-2);right:calc(-1 * var(--nb-space-3))}:is(button,input[type=button],input[type=submit]) .lang-btn-dropdown,:is(button,input[type=button],input[type=submit]) .theme-toggle-dropdown{padding:var(--nb-space-1) var(--nb-space-2);font-size:var(--nb-text-xs)}}