@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.h-12{height:3rem}.h-full{height:100%}.h-screen{height:100vh}.w-12{width:3rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--primary-blue:#2563eb;--primary-blue-dark:#1e40af;--primary-blue-light:#3b82f6;--primary-blue-hover:#1d4ed8;--primary-blue-subtle:#eff6ff;--gray-50:#fafbfc;--gray-100:#f4f6f8;--gray-200:#e8ecef;--gray-300:#d1d8dd;--gray-400:#9aa5b1;--gray-500:#6b7785;--gray-600:#4a5568;--gray-700:#2d3748;--gray-800:#1a202c;--gray-900:#0d1117;--white:#fff;--text-primary:#0d1117;--text-secondary:#4a5568;--text-muted:#6b7785;--text-light:#9aa5b1;--border-color:#e8ecef;--border-subtle:#f4f6f8;--card-bg:#fff;--background:#fafbfc;--background-alt:#f4f6f8;--background-gradient:linear-gradient(180deg,#fafbfc,#f4f6f8);--shadow-sm:0 1px 2px 0 #0d11170a;--shadow-md:0 4px 6px -1px #0d111714,0 2px 4px -1px #0d11170a;--shadow-lg:0 10px 15px -3px #0d11171a,0 4px 6px -2px #0d11170d;--shadow-xl:0 20px 25px -5px #0d11171a,0 10px 10px -5px #0d11170a;--shadow-card:0 1px 3px 0 #0d11170f,0 1px 2px 0 #0d11170a;--font-family-base:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--corporate-blue:var(--primary-blue);--light-blue:var(--gray-50);--dark-text:var(--text-primary);--wave-color:var(--gray-50)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#fafbfc,#f4f6f8);background:var(--background-gradient);background-attachment:fixed;color:#0d1117;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family-base);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);margin:0;padding:0}code{background:#f4f6f8;background:var(--gray-100);border-radius:.375rem;border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;font-size:.9em;padding:.125rem .375rem}h1,h2,h3,h4,h5,h6{color:#0d1117;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family-base);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.25;line-height:var(--line-height-tight);margin:0}h1{font-size:3rem;font-size:var(--font-size-5xl)}h2{font-size:2.25rem;font-size:var(--font-size-4xl)}h3{font-size:1.875rem;font-size:var(--font-size-3xl)}h4{font-size:1.5rem;font-size:var(--font-size-2xl)}h5{font-size:1.25rem;font-size:var(--font-size-xl)}h6{font-size:1.125rem;font-size:var(--font-size-lg)}p{color:#4a5568;color:var(--text-secondary);line-height:1.75;line-height:var(--line-height-relaxed);margin:0}:focus-visible{border-radius:.375rem;border-radius:var(--radius-sm);outline:2px solid #2563eb;outline:2px solid var(--primary-blue);outline-offset:2px}html{scroll-behavior:smooth}#root,body{background:var(--background-gradient);margin:0;min-height:100vh;padding:0}.hero-section{background:linear-gradient(135deg,var(--primary-blue-subtle) 0,var(--white) 100%);border-radius:var(--radius-2xl);overflow:hidden;padding:var(--spacing-4xl) var(--spacing-xl);position:relative;text-align:center}.hero-section:before{background:radial-gradient(circle at 20% 50%,#2563eb0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#2563eb08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.hero-title{color:var(--text-primary);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}.hero-subtitle{color:var(--text-secondary);font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:700px}.home-hero-description{color:#000!important;font-weight:var(--font-weight-medium);text-shadow:none}.hero-cta{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.cta-button-primary{background:var(--primary-blue);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:inline-block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-2xl);text-decoration:none;transition:all .2s ease}.cta-button-primary:hover{background:var(--primary-blue-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.cta-button-secondary{background:var(--white);border:2px solid var(--primary-blue);border-radius:var(--radius-lg);color:var(--primary-blue);cursor:pointer;display:inline-block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-2xl);text-decoration:none;transition:all .2s ease}.cta-button-secondary:hover{background:var(--primary-blue-subtle);transform:translateY(-1px)}.welcome-page{align-items:stretch;display:flex;flex-direction:column;gap:var(--spacing-2xl);justify-content:flex-start;margin:0 auto;max-width:1400px;min-height:calc(100vh - 200px);padding:var(--spacing-3xl) var(--spacing-xl)}.section-title{font-family:var(--font-family-base);font-size:var(--font-size-3xl);letter-spacing:-.01em;line-height:var(--line-height-tight);margin-bottom:var(--spacing-xl);text-align:center}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-lg);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.section-spacing{margin:var(--spacing-3xl) 0}.enterprise-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;padding:var(--spacing-2xl);position:relative;transition:all .3s ease}.enterprise-card:before{background:linear-gradient(90deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.enterprise-card:hover{border-color:var(--primary-blue-subtle);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.enterprise-card:hover:before{opacity:1}.feature-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:var(--spacing-2xl) 0}.feature-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);transition:all .3s ease}.feature-card:hover{border-color:var(--primary-blue-subtle);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card-icon{align-items:center;background:var(--primary-blue-subtle);border-radius:var(--radius-md);color:var(--primary-blue);display:flex;font-size:var(--font-size-2xl);height:48px;justify-content:center;margin-bottom:var(--spacing-sm);width:48px}.feature-card-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.feature-card-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.language-grid,.welcome-page .language-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0 auto;max-width:1200px;padding:0;width:100%}@media (min-width:480px){.language-grid,.welcome-page .language-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.language-grid,.welcome-page .language-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (min-width:1024px){.language-grid,.welcome-page .language-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.language-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-family-base);justify-content:center;margin:0;min-height:140px;overflow:hidden;padding:var(--spacing-xl);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.language-card:before{background:linear-gradient(90deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.language-card:hover{background:var(--white);border-color:var(--primary-blue-subtle);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.language-card:hover:before{transform:scaleX(1)}.language-card:active{transform:translateY(-2px)}.icon{color:var(--primary-blue);font-size:2.5rem;margin-bottom:var(--spacing-sm);transition:transform .3s ease}.language-card:hover .icon{transform:scale(1.1)}.name,.security-item-name{word-wrap:break-word;color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);max-width:100%;padding:0 var(--spacing-xs);text-align:center}.lock-icon{background:var(--white);border-radius:var(--radius-sm);bottom:var(--spacing-sm);box-shadow:var(--shadow-sm);color:#ef4444!important;font-size:var(--font-size-sm);opacity:1;padding:var(--spacing-xs);position:absolute;right:var(--spacing-sm);z-index:10}.language-card .lock-icon,.lock-icon,.lock-icon svg{fill:#ef4444!important;color:#ef4444!important}.free-notice{background:linear-gradient(135deg,var(--primary-blue-subtle) 0,var(--white) 100%);border:1px solid var(--primary-blue-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);text-align:center}.js-loading *,.js-loading :after,.js-loading :before{animation-play-state:paused!important}.loading-container{height:100vh}.loading-spinner{border-radius:var(--radius-full)}@keyframes glow{0%{filter:drop-shadow(0 0 1px currentColor)}50%{filter:drop-shadow(0 0 2px currentColor)}to{filter:drop-shadow(0 0 1px currentColor)}}.logo-svg{animation:glow 2s ease-in-out infinite}.card,.desk-icon,.desktop,.laptop,.phone,.tablet,.terminal-icon{fill:none;stroke:currentColor;stroke-width:2}.content-section{margin:var(--spacing-3xl) 0;padding:var(--spacing-2xl) 0}.content-section:not(:last-child){border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-3xl)}.news-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-2xl);transition:all .3s ease}.news-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.news-card-image{border-radius:var(--radius-lg);height:200px;object-fit:cover;width:100%}.news-card-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.news-card-meta{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--spacing-xs)}.news-card-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.news-card-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.news-card-link{align-items:center;color:var(--primary-blue);display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--spacing-xs);text-decoration:none;transition:color .2s ease}.news-card-link:hover{color:var(--primary-blue-dark)}.newsletter-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--spacing-xl)}@media (max-width:768px){.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.section-title{font-size:var(--font-size-2xl)}.welcome-page{padding:var(--spacing-xl) var(--spacing-md)}}.quick-action-button{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-secondary);display:inline-flex;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease}.quick-action-button:hover{background:var(--primary-blue-subtle);border-color:var(--primary-blue-subtle);box-shadow:var(--shadow-md);color:var(--primary-blue);transform:translateY(-1px)}.quick-action-button:active{transform:translateY(0)}.quick-action-button span{white-space:nowrap}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.navbar{background:var(--primary-blue);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border-bottom:1px solid #ffffff1a;box-shadow:var(--shadow-md);box-sizing:border-box;justify-content:space-between;left:0;margin:0;padding:var(--spacing-md) var(--spacing-xl);position:-webkit-sticky;position:sticky;right:0;top:0;width:100%;z-index:1000}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{color:var(--white);font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);height:100%;padding:var(--spacing-xs);text-decoration:none;transition:opacity .2s ease}.navbar-brand:hover{opacity:.9}.nav-profile{align-items:center;border-radius:var(--radius-md);color:var(--white);display:flex;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all .2s ease}.nav-profile:hover{background:#ffffff1a;color:var(--white)}.nav-links{align-items:center;color:var(--white);display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.nav-links.active{background:var(--primary-blue);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);box-shadow:var(--shadow-lg);display:flex;z-index:1000}.nav-auth{color:#fff;text-decoration:none}.mobile-menu-button{background:none;border:none;cursor:pointer;display:none;order:-1;padding:10px}.hamburger{display:block;position:relative}.hamburger,.hamburger:after,.hamburger:before{background:#fff;height:3px;transition:all .3s;width:25px}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{top:-8px}.hamburger:after{top:8px}.nav-profile.upgrade-link{color:#fff;text-decoration:none}.signup-button{background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-md);color:var(--white);font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;transition:all .2s ease}.signup-button:hover{background:#ffffff40;border-color:#ffffff4d}.interactive-menu{position:relative}.interactive-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;gap:5px}.interactive-submenu{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:none;left:0;min-width:220px;overflow:hidden;padding:var(--spacing-xs) 0;position:absolute;top:calc(100% + var(--spacing-xs));z-index:1000}.interactive-submenu.active{animation:slideDown .2s ease;display:block}.interactive-submenu .nav-profile{align-items:center;border-radius:0;color:var(--text-primary);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-decoration:none;transition:all .2s ease}.interactive-submenu .nav-profile:hover{background:var(--primary-blue-subtle);color:var(--primary-blue)}@media (max-width:768px){.nav-links{background-color:var(--primary-blue);box-shadow:0 2px 5px #0000001a;display:none;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:100%}.nav-links.active{display:flex}.mobile-menu-button{display:block}.nav-profile{align-items:center;display:flex;min-height:44px;padding:.5rem 0}.interactive-submenu{box-shadow:none;position:static}.interactive-submenu .nav-profile{padding-left:2rem}}@media (min-width:769px){.mobile-menu-button{display:none}.nav-links{display:flex}}.navbar-logo{height:48px;object-fit:contain;transition:transform .2s ease;width:auto}.navbar-brand:hover .navbar-logo{transform:scale(1.05)}.nav-profile.upgrade-link{background:#fff3;border:1px solid #ffffff4d;font-weight:var(--font-weight-semibold)}.nav-profile.upgrade-link:hover{background:#ffffff4d;border-color:#fff6}@media (max-width:768px){.navbar{padding:var(--spacing-md)}.nav-links{gap:var(--spacing-xs)}.nav-profile{font-size:var(--font-size-base);min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.interactive-submenu{background:#ffffff1a;border:none;border-radius:var(--radius-md);box-shadow:none;margin-top:var(--spacing-xs);position:static}.interactive-submenu .nav-profile{color:var(--white);padding-left:var(--spacing-xl)}.interactive-submenu .nav-profile:hover{background:#ffffff26;color:var(--white)}}.reset-password-page{align-items:center;background:var(--background-gradient);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:100vw;min-height:calc(100vh - 200px);overflow-x:hidden;padding:var(--spacing-lg);width:100%}.reset-password-container{box-sizing:border-box;max-width:450px;width:100%}.reset-password-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);text-align:center}.reset-password-icon{align-items:center;background:var(--primary-blue-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--primary-blue);display:inline-flex;font-size:var(--font-size-3xl);height:64px;justify-content:center;margin-bottom:var(--spacing-md);width:64px}.reset-password-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-xs) 0}.reset-password-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.reset-password-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-2xl)}.reset-error{align-items:flex-start;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:var(--radius-lg);color:#dc2626;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.reset-error p{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.reset-button{align-items:center;background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;min-height:48px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;width:100%}.reset-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.reset-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-footer{margin-top:var(--spacing-md);text-align:center}.reset-footer p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.login-link{color:var(--primary-blue);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color .2s ease}.login-link:hover{color:var(--primary-blue-dark);text-decoration:underline}.reset-success{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-3xl);text-align:center}.reset-success,.success-icon{align-items:center;display:flex}.success-icon{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#10b981;font-size:var(--font-size-5xl);height:80px;justify-content:center;width:80px}.success-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.success-message{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.success-spinner{margin-top:var(--spacing-md)}.success-spinner .spinning{animation:spin 1s linear infinite;color:var(--primary-blue);font-size:var(--font-size-2xl)}@media (min-width:640px){.reset-password-page{padding:var(--spacing-xl)}.reset-password-container{max-width:500px}.reset-password-header{padding:var(--spacing-2xl)}.reset-password-title{font-size:var(--font-size-4xl)}.reset-password-form{padding:var(--spacing-3xl)}}@media (min-width:1024px){.reset-password-page{padding:var(--spacing-2xl)}.reset-password-container{max-width:550px}}@media (max-width:639px){.reset-password-page{padding:var(--spacing-md)}.reset-password-header{padding:var(--spacing-lg)}.reset-password-icon{height:56px;width:56px}.reset-password-icon,.reset-password-title{font-size:var(--font-size-2xl)}.reset-password-form{padding:var(--spacing-xl)}.reset-button{min-height:44px;padding:var(--spacing-md)}}.input-group input:focus-visible,.login-link:focus-visible,.reset-button:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.login-page{align-items:center;background:var(--background-gradient);display:flex;flex-direction:column;justify-content:center;max-width:100vw;min-height:calc(100vh - 200px);overflow-x:hidden;padding:var(--spacing-lg)}.login-container,.login-page{box-sizing:border-box;width:100%}.login-container{max-width:450px}.login-loading-state{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:400px;padding:var(--spacing-3xl)}.login-loading-spinner{animation:spin 1s linear infinite;color:var(--primary-blue);font-size:var(--font-size-4xl)}.login-loading-state p{color:var(--text-secondary);font-size:var(--font-size-base)}.login-header{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);text-align:center}.login-logo{display:block;height:auto;margin:0 auto;max-width:100%}.login-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-2xl)}.login-error{align-items:flex-start;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:var(--radius-lg);color:#dc2626;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.error-icon{flex-shrink:0;font-size:var(--font-size-lg);margin-top:2px}.login-error p{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-group label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);letter-spacing:.05em;text-transform:uppercase}.input-icon{color:var(--primary-blue)}.input-group input,.input-icon{font-size:var(--font-size-base)}.input-group input{background-color:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family-base);padding:var(--spacing-md);transition:all .2s ease;width:100%}.input-group input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a;outline:none}.input-group input:disabled{background-color:var(--gray-50);cursor:not-allowed;opacity:.6}.input-group input::placeholder{color:var(--text-muted)}.login-button{align-items:center;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;min-height:48px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;width:100%}.login-button.primary{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);color:var(--white)}.login-button.primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.login-button.google{background:var(--white);border:2px solid var(--border-color);color:var(--text-primary)}.login-button.google:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.divider{align-items:center;display:flex;gap:var(--spacing-md);margin:var(--spacing-md) 0}.divider-line{background:var(--border-color);flex:1 1;height:1px}.divider-text{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.login-footer{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md);text-align:center}.register-link{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.link{color:var(--primary-blue);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color .2s ease}.link:hover{color:var(--primary-blue-dark);text-decoration:underline}.support-link{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);justify-content:center;text-decoration:none;transition:color .2s ease}.support-link:hover{color:var(--primary-blue)}.support-icon{font-size:var(--font-size-base)}.password-warning{align-items:center;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #f59e0b;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-xl);padding:var(--spacing-md);text-align:center}.warning-icon{color:#f59e0b;flex-shrink:0;font-size:var(--font-size-lg)}.password-warning p{color:#92400e;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin:0}@media (min-width:640px){.login-page{padding:var(--spacing-xl)}.login-container{max-width:500px}.login-header{padding:var(--spacing-2xl)}.login-title{font-size:var(--font-size-4xl)}.login-form{padding:var(--spacing-3xl)}}@media (min-width:1024px){.login-page{padding:var(--spacing-2xl)}.login-container{max-width:550px}}@media (max-width:639px){.login-page{padding:var(--spacing-md)}.login-header{padding:var(--spacing-lg)}.login-form{padding:var(--spacing-xl)}.login-button{min-height:44px;padding:var(--spacing-md)}}.input-group input:focus-visible,.link:focus-visible,.login-button:focus-visible,.support-link:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.register-loading-state{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:400px;padding:var(--spacing-3xl)}.register-loading-spinner{animation:spin 1s linear infinite;color:var(--primary-blue);font-size:var(--font-size-4xl)}.register-loading-state p{color:var(--text-secondary);font-size:var(--font-size-base)}.register-form-header{border-bottom:2px solid var(--border-subtle);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);text-align:center}.register-form-icon{align-items:center;background:var(--primary-blue-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--primary-blue);display:inline-flex;font-size:var(--font-size-2xl);height:56px;justify-content:center;margin-bottom:var(--spacing-md);width:56px}.register-form-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-xs) 0}.register-form-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.register-error{align-items:flex-start;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:var(--radius-lg);color:#dc2626;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.field-error{align-items:center;color:#dc2626;display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.error-icon-small{flex-shrink:0;font-size:var(--font-size-sm)}.password-requirements{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid var(--primary-blue);border-radius:var(--radius-lg);margin:var(--spacing-md) 0;padding:var(--spacing-lg)}.requirements-title{color:var(--primary-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.requirements-list{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.requirements-list li{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-sm);transition:color .2s ease}.requirements-list li.valid{color:#10b981}.requirements-list li.invalid{color:#dc2626}.requirement-icon{flex-shrink:0;font-size:var(--font-size-sm)}.valid-icon{color:#10b981}.invalid-icon{color:#dc2626}.register-button{align-items:center;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;min-height:48px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;width:100%}.register-button.primary{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);color:var(--white)}.register-button.primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.register-button.primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.register-button.google{background:var(--white);border:2px solid var(--border-color);color:var(--text-primary)}.register-button.google:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.register-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.register-footer{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md);text-align:center}.login-link{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.captcha-container{align-items:center;display:flex;justify-content:center;margin:var(--spacing-md) 0}.captcha-container .g-recaptcha{max-width:100%;overflow:hidden;transform:scale(.9);transform-origin:left top}.register-page{background:var(--background-gradient);box-sizing:border-box;max-width:100vw;min-height:calc(100vh - 200px);overflow-x:hidden;padding:var(--spacing-lg);width:100%}.register-container{box-sizing:border-box;margin:0 auto;max-width:800px;width:100%}.register-hero{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--white);margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:600px;padding:var(--spacing-2xl);text-align:center}.register-hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:var(--spacing-sm) 0 var(--spacing-md) 0}.hero-subtitle{color:var(--white);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);opacity:.95}.no-cost-badge{background-color:#fff3;border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg)}.benefits-section{margin:var(--spacing-3xl) 0;margin-left:auto;margin-right:auto;max-width:600px}.benefits-section h2{color:var(--primary-blue);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);text-align:center}.benefits-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr;margin-bottom:var(--spacing-2xl)}.benefit-card{background-color:var(--gray-50);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.benefit-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.benefit-icon{color:var(--primary-blue);display:flex;font-size:var(--font-size-4xl);justify-content:center;margin-bottom:var(--spacing-md)}.benefit-card h3{color:var(--primary-blue);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.benefit-card p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.security-section{background-color:var(--primary-blue-subtle);border-left:4px solid var(--primary-blue);border-radius:var(--radius-xl);margin:var(--spacing-2xl) 0;margin-left:auto;margin-right:auto;max-width:600px;padding:var(--spacing-xl)}.security-section h3{color:var(--primary-blue);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);text-align:center}.security-features{flex-direction:column}.security-features,.security-item{display:flex;gap:var(--spacing-md)}.security-item{align-items:center;color:var(--text-secondary);font-size:var(--font-size-base)}.security-icon{color:var(--primary-blue);flex-shrink:0;font-size:var(--font-size-lg)}.register-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);margin:var(--spacing-2xl) 0;padding:var(--spacing-2xl)}.testimonials-section{margin:var(--spacing-3xl) 0;margin-left:auto;margin-right:auto;max-width:600px}.testimonials-section h3{color:var(--primary-blue);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);text-align:center}.testimonial-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl)}.testimonial-card p{color:var(--text-secondary);font-style:italic;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.testimonial-author{color:var(--primary-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:right}.process-section{background-color:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin:var(--spacing-3xl) 0;margin-left:auto;margin-right:auto;max-width:600px;padding:var(--spacing-xl)}.process-section h3{color:var(--primary-blue);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);text-align:center}.process-step{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.process-step,.step-number{align-items:center;display:flex}.step-number{background-color:var(--primary-blue);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--white);flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:48px;justify-content:center;width:48px}.step-content h4{color:var(--primary-blue);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.step-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.process-highlight{background-color:var(--primary-blue-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.process-highlight p{color:var(--primary-blue);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}@media (max-width:768px){.register-hero{margin:var(--spacing-lg) auto var(--spacing-xl) auto;padding:var(--spacing-xl)}.register-hero h1{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.no-cost-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md)}.benefits-grid{gap:var(--spacing-md)}.benefit-card{padding:var(--spacing-lg)}.security-item{font-size:var(--font-size-sm)}.register-form-title{font-size:var(--font-size-2xl)}.register-form-icon{font-size:var(--font-size-xl);height:48px;width:48px}.captcha-container .g-recaptcha{transform:scale(.85)}}.upgrade-wrapper{align-items:center;background:var(--background-gradient);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-md) var(--spacing-sm)}.upgrade-container{margin:0 auto;max-width:900px;padding:var(--spacing-lg) 0;width:100%}.expired-banner{align-items:flex-start;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg)}.expired-icon{color:#dc2626;flex-shrink:0;font-size:var(--font-size-xl);margin-top:2px}.expired-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.expired-content strong{color:#dc2626;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.expired-content span{color:#991b1b;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.pricing-card{animation:fadeInUp .5s ease-out;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;padding:var(--spacing-xl) var(--spacing-lg);position:relative}.pricing-card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,var(--primary-blue) 0,var(--primary-blue-light) 50%,var(--primary-blue) 100%);background-size:200% 100%;content:"";height:5px;left:0;position:absolute;right:0;top:0}.pricing-header{margin-bottom:var(--spacing-2xl);text-align:center}.pricing-badge{align-items:center;background:linear-gradient(135deg,var(--primary-blue-subtle) 0,#e0e7ff 100%);border:1px solid #2563eb33;border-radius:var(--radius-full);color:var(--primary-blue);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-md)}.badge-icon{font-size:var(--font-size-base)}.pricing-header h2{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.pricing-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.pricing-display{border-bottom:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0;text-align:center}.price-main{align-items:baseline;display:flex;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-md)}.price-currency{color:var(--text-secondary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);vertical-align:initial}.price-amount{color:var(--primary-blue);font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);line-height:1}.price-period{color:var(--text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal)}.price-savings{background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-md)}.features-section{margin-bottom:var(--spacing-2xl)}.features-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);text-align:center}.features-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr;list-style:none;margin:0;padding:0}.feature-item{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:var(--font-size-base);gap:var(--spacing-md);line-height:var(--line-height-relaxed);padding:var(--spacing-sm) 0}.feature-icon{color:var(--primary-blue);flex-shrink:0;font-size:var(--font-size-lg);margin-top:2px}.feature-item span{flex:1 1}.button-container{gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.button-container,.upgrade-button{display:flex;flex-direction:column}.upgrade-button{align-items:center;background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.upgrade-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.upgrade-button:hover:before{left:100%}.upgrade-button:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.upgrade-button:active{transform:translateY(0)}.upgrade-button-primary{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border-color:var(--primary-blue);box-shadow:var(--shadow-md);color:var(--white)}.upgrade-button-primary:hover{background:linear-gradient(135deg,var(--primary-blue-dark) 0,var(--primary-blue) 100%);border-color:var(--primary-blue-dark);box-shadow:var(--shadow-xl)}.upgrade-button.loading,.upgrade-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.upgrade-button:disabled:hover{box-shadow:var(--shadow-sm);transform:none}.button-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm)}.button-label,.button-price{align-items:center;display:flex}.button-price{flex-direction:column;font-size:var(--font-size-base);gap:var(--spacing-xs);opacity:.9}.popular-badge{background:#ffffff40;border-radius:var(--radius-sm);display:inline-block;font-weight:var(--font-weight-medium);margin-left:var(--spacing-xs);padding:2px var(--spacing-xs)}.popular-badge,.price-save{font-size:var(--font-size-xs)}.price-save{color:#10b981;font-weight:var(--font-weight-semibold)}.upgrade-button-primary .price-save{color:#a7f3d0}.button-spinner{animation:spin 1s linear infinite;font-size:var(--font-size-lg)}.trust-indicators{border-top:1px solid var(--border-subtle);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-lg);justify-content:center;padding-top:var(--spacing-xl)}.trust-item{align-items:center;display:flex;gap:var(--spacing-xs)}.trust-icon{color:var(--primary-blue);font-size:var(--font-size-base)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (min-width:640px){.upgrade-wrapper{padding:var(--spacing-xl) var(--spacing-md)}.upgrade-container{padding:var(--spacing-2xl) 0}.pricing-card{padding:var(--spacing-2xl) var(--spacing-xl)}.pricing-header h2{font-size:var(--font-size-4xl)}.features-list{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.button-container{flex-direction:row;gap:var(--spacing-lg)}.upgrade-button{flex:1 1;max-width:300px}.expired-banner{padding:var(--spacing-lg)}}@media (min-width:1024px){.upgrade-wrapper{padding:var(--spacing-2xl) var(--spacing-xl)}.pricing-card{padding:var(--spacing-3xl) var(--spacing-2xl)}.pricing-header h2{font-size:var(--font-size-5xl)}.price-amount{font-size:var(--font-size-6xl)}.features-list{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.feature-item{font-size:var(--font-size-lg)}.upgrade-button{padding:var(--spacing-xl) var(--spacing-2xl)}.button-label{font-size:var(--font-size-xl)}.button-price{font-size:var(--font-size-lg)}}@media (min-width:1280px){.upgrade-container{max-width:1000px}}.upgrade-button:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media print{.upgrade-wrapper{background:#fff;padding:0}.pricing-card{border:1px solid #ccc;box-shadow:none}.button-container,.trust-indicators{display:none}}.learning-card-wrapper{margin:0 auto;max-width:900px;padding:var(--spacing-md);width:100%}.learning-card-container{margin:0 auto;max-width:900px;position:relative;width:100%}.learning-card{-webkit-tap-highlight-color:transparent;cursor:pointer;height:0;max-height:600px;min-height:400px;padding-bottom:60%;perspective:1000px;position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none;width:100%}.learning-card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;position:absolute;top:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}.learning-card-front{transform:rotateY(0deg)}.learning-card-back{transform:rotateY(180deg)}.learning-card.flipped .learning-card-front{transform:rotateY(-180deg)}.learning-card.flipped .learning-card-back{transform:rotateY(0deg)}.card-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.card-badge{align-items:center;background:var(--primary-blue);border-radius:var(--radius-full);color:var(--white);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.card-badge-answer{background:linear-gradient(135deg,#10b981,#059669)}.card-counter{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.card-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding:var(--spacing-lg)}.card-title{color:var(--primary-blue);font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card-code-block{-webkit-overflow-scrolling:touch;background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1 1;min-height:0;overflow:auto;padding:var(--spacing-md)}.card-code-block pre{background:#0000;border:none;margin:0;overflow:visible;padding:0}.code-text{word-wrap:break-word;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Courier New,monospace;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.answer-title,.code-text{color:var(--text-primary);margin:0}.answer-title{font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) 0;text-align:center}.subtitle-desc{margin:0;padding:var(--spacing-sm) 0}.card-explanation-block{-webkit-overflow-scrolling:touch;background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:var(--spacing-sm);overflow:auto;padding:var(--spacing-md)}.card-explanation-block pre{background:#0000;border:none;margin:0;overflow:visible;padding:0}.explanation-text{word-wrap:break-word;color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.card-footer{background:var(--gray-50);border-top:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg)}.flip-hint{align-items:center;color:var(--primary-blue);display:inline-flex;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.flip-hint svg{flex-shrink:0}.learning-card-controls{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-md)}.card-nav-button{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--primary-blue);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);min-height:44px;padding:var(--spacing-sm) var(--spacing-xl);touch-action:manipulation;transition:all .2s ease}.card-nav-button:hover:not(:disabled){background:var(--primary-blue-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-nav-button:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.card-nav-button:disabled{cursor:not-allowed;opacity:.6}.card-nav-button svg{flex-shrink:0}.card-nav-prev{padding-left:var(--spacing-md);padding-right:var(--spacing-lg)}.card-nav-next{padding-left:var(--spacing-lg);padding-right:var(--spacing-md)}.learning-card-loading{align-items:center;color:var(--primary-blue);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:400px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-blue);height:48px;width:48px}.learning-card-loading p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.learning-card:focus-visible{border-radius:var(--radius-xl);outline:2px solid var(--primary-blue);outline-offset:4px}.card-nav-button:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media (max-width:768px){.learning-card-wrapper{padding:var(--spacing-sm)}.learning-card{max-height:500px;min-height:350px;padding-bottom:70%}.learning-card-face{border-radius:var(--radius-lg)}.card-header{padding:var(--spacing-sm) var(--spacing-md)}.card-content{padding:var(--spacing-md)}.card-title{font-size:var(--font-size-base)}.code-text{font-size:var(--font-size-xs)}.card-code-block,.card-explanation-block{max-height:40vh;padding:var(--spacing-sm)}.card-footer{padding:var(--spacing-sm) var(--spacing-md)}.flip-hint{font-size:var(--font-size-xs)}.learning-card-controls{gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-sm)}.card-nav-button{font-size:var(--font-size-sm);min-height:44px;min-width:100px;padding:var(--spacing-sm) var(--spacing-md)}.answer-title{font-size:var(--font-size-base)}.subtitle-desc{font-size:var(--font-size-sm)}}@media (max-width:480px){.learning-card{max-height:450px;min-height:300px;padding-bottom:75%}.card-header{flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.card-badge{font-size:10px;padding:2px var(--spacing-xs)}.card-counter{font-size:var(--font-size-xs)}.card-content{padding:var(--spacing-sm)}.card-title{font-size:var(--font-size-sm)}.code-text,.explanation-text{font-size:11px}.card-code-block,.card-explanation-block{max-height:35vh;padding:var(--spacing-xs)}.card-nav-button{font-size:var(--font-size-xs);gap:2px;min-width:80px;padding:var(--spacing-xs) var(--spacing-sm)}.card-nav-button svg{height:16px;width:16px}.flip-hint{font-size:10px}.flip-hint svg{height:12px;width:12px}}@media (max-width:768px) and (orientation:landscape){.learning-card{max-height:400px;min-height:250px;padding-bottom:50%}.card-code-block,.card-explanation-block{max-height:30vh}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.learning-card-face{border-width:.5px}}@media (prefers-reduced-motion:reduce){.learning-card-face{transition:transform .3s ease}.loading-spinner{animation:spin 1.2s linear infinite}.card-nav-button{transition:background-color .2s ease}.card-nav-button:hover:not(:disabled){transform:none}}.study-container{min-height:calc(100vh - 200px);padding:var(--spacing-xl)}.study-container,.study-content{display:flex;flex-direction:column}.study-content{flex:1 1;gap:var(--spacing-md);margin:0 auto;max-width:1200px;width:100%}.study-header{margin-bottom:var(--spacing-lg)}.controls{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-md)}.flashcard-container{margin:0 auto;max-width:900px;position:relative;will-change:contents}.card,.flashcard-container{transform:translateZ(0);width:100%}.card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;display:flex;flex-direction:column;height:auto;min-height:400px;padding:var(--spacing-xl);touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none}.card:hover{border-color:var(--primary-blue-subtle);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card h3{color:var(--primary-blue);font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.card p{color:var(--text-primary)}.card pre{-webkit-overflow-scrolling:touch;background-color:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;margin:var(--spacing-sm) 0;max-height:60vh;overflow-x:auto;overflow-y:auto;padding:var(--spacing-md);width:100%}.card .explanation-text{color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);white-space:pre-wrap;width:100%;word-break:break-word}.card-footer{color:var(--primary-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:auto;padding-top:var(--spacing-md);text-align:center}.card-footer,.control-button{font-family:var(--font-family-base)}.control-button{background-color:var(--primary-blue);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-xl);transition:all .2s ease}.control-button:hover{background-color:var(--primary-blue-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.control-button:active{transform:translateY(0)}.loading{color:var(--primary-blue);font-family:var(--font-family-base);font-size:var(--font-size-xl);margin-top:var(--spacing-2xl);text-align:center}.code-text,.explanation-text{word-wrap:break-word;align-items:center;display:flex;flex-grow:1;font-family:Courier New,monospace;font-family:var(--font-family-mono,"Courier New",monospace);font-size:var(--font-size-sm);justify-content:center;max-width:100%;overflow-x:auto;white-space:pre-wrap!important}.card.back .answer-title,.card.back .explanation-text{word-wrap:break-word;color:var(--text-primary);font-family:var(--font-family-base);margin:var(--spacing-md) 0;max-width:100%;overflow-x:auto;padding:var(--spacing-sm);white-space:pre-wrap}.card.back .answer-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.card.back .answer-title,.subtitle-desc{font-family:var(--font-family-base);text-align:center}.subtitle-desc{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}@media (max-width:768px){.study-container{max-width:100%;overflow-x:hidden;padding:var(--spacing-md);position:relative}.study-content{margin:0 auto;max-width:100%;width:100%}.flashcard-container{padding:var(--spacing-sm);perspective:1000px;width:100%}.card{min-height:300px;padding:var(--spacing-md);transition:transform .25s ease,box-shadow .25s ease}.card pre{max-height:50vh}}@media (max-width:480px){.study-title{font-size:var(--font-size-xl)}.card-heading{font-size:var(--font-size-base)}.code-text,.explanation-text{font-size:var(--font-size-xs)}.control-button{font-size:var(--font-size-sm);min-height:44px;min-width:80px;padding:var(--spacing-xs) var(--spacing-md)}.card{min-height:250px}.card,.card pre{padding:var(--spacing-sm)}.card pre{max-height:40vh}}.loading-container{align-items:center;background:var(--background-gradient);color:var(--primary-blue);display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 200px)}.card-back-content,.card-front-content{display:flex;flex-direction:column;height:100%;width:100%}.card-back-content,.card-front-content{animation:fadeIn .3s ease}.exam-page{background:var(--background-gradient);max-width:100%;min-height:calc(100vh - 200px);overflow-x:hidden;padding:var(--spacing-lg)}.exam-container,.exam-page{box-sizing:border-box;width:100%}.exam-container{margin:0 auto;max-width:1200px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:400px;padding:var(--spacing-3xl)}.loading-spinner{animation:spin 1s linear infinite;color:var(--primary-blue);font-size:var(--font-size-4xl)}.exam-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.exam-header-content{align-items:center;border-bottom:2px solid var(--border-subtle);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.exam-header-icon{align-items:center;background:var(--primary-blue-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--primary-blue);display:flex;flex-shrink:0;font-size:var(--font-size-2xl);height:56px;justify-content:center;width:56px}.exam-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-xs) 0}.exam-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.question-progress{display:flex;flex-direction:column;gap:var(--spacing-sm)}.progress-bar-container{background:var(--gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border-radius:var(--radius-full);height:100%;transition:width .3s ease}.question-counter{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center}.exam-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.code-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--spacing-xl)}.code-header{border-bottom:2px solid var(--border-subtle);justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.code-header,.code-type-badge{align-items:center;display:flex}.code-type-badge{border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.code-type-badge .badge-icon{font-size:var(--font-size-base)}.code-viewer{background:var(--gray-900);border-radius:var(--radius-lg);overflow-x:auto;padding:var(--spacing-lg)}.code-content{color:#f8f8f2;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0;white-space:pre}.code-content code{background:#0000;border:none;color:inherit;font-family:inherit;padding:0}.options-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--spacing-xl)}.options-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0}.radio-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.radio-option{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--spacing-lg);transition:all .2s ease}.radio-option:hover:not(.answered){box-shadow:var(--shadow-md);transform:translateX(4px)}.radio-option.selected,.radio-option:hover:not(.answered){background:var(--primary-blue-subtle);border-color:var(--primary-blue)}.radio-option.correct{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;border-left-width:4px}.radio-option.incorrect{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#dc2626;border-left-width:4px}.radio-option.answered{cursor:default}.radio-option label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md);width:100%}.radio-option.answered label{cursor:default}.radio-option input[type=radio]{-webkit-appearance:none;appearance:none;background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:all .2s ease;width:24px}.radio-option:hover:not(.answered) input[type=radio]{border-color:var(--primary-blue)}.radio-option input[type=radio]:checked{background:var(--primary-blue);border-color:var(--primary-blue)}.radio-option input[type=radio]:checked:after{background:var(--white);border-radius:var(--radius-full);content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.radio-option.correct input[type=radio]:checked{background:#10b981;border-color:#10b981}.radio-option.incorrect input[type=radio]:checked{background:#dc2626;border-color:#dc2626}.radio-option input[type=radio]:disabled{cursor:not-allowed}.option-content{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);justify-content:space-between}.option-text{color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.option-status-icon{flex-shrink:0;font-size:var(--font-size-lg)}.correct-icon{animation:checkmark .5s ease-out;color:#10b981}.incorrect-icon{animation:shake .5s ease-out;color:#dc2626}.tip-message{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid var(--primary-blue);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.tip-icon{color:var(--primary-blue);flex-shrink:0;font-size:var(--font-size-lg);margin-top:2px}.tip-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.exam-navigation{border-top:2px solid var(--border-subtle);display:flex;justify-content:center;margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl)}.finish-button,.next-button{align-items:center;background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;min-width:200px;padding:var(--spacing-lg) var(--spacing-2xl);transition:all .2s ease}.finish-button:hover:not(:disabled),.next-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.finish-button:disabled,.next-button:disabled{cursor:not-allowed;opacity:.6}.button-icon{font-size:var(--font-size-base)}.button-icon.spinning{animation:spin 1s linear infinite}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid var(--border-color);padding:var(--spacing-2xl);text-align:center}.modal-header.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.modal-header.failed{background:linear-gradient(135deg,#fff7ed,#ffedd5)}.modal-icon{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-4xl);height:64px;justify-content:center;margin-bottom:var(--spacing-lg);width:64px}.modal-header.success .modal-icon{background:#10b981;color:var(--white)}.modal-header.failed .modal-icon{background:#f59e0b;color:var(--white)}.modal-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.modal-body{padding:var(--spacing-2xl)}.result-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl)}.stat-item{background:var(--gray-50);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg);text-align:center}.stat-item.xp-earned{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid var(--primary-blue);grid-column:1/-1}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.stat-value{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.stat-value.success{color:#10b981}.stat-value.failed{color:#dc2626}.stat-value.xp-value{color:var(--primary-blue);font-size:var(--font-size-3xl)}.result-message{border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.result-message.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #10b981}.result-message.failed{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #f59e0b}.result-message p{color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.modal-footer{border-top:1px solid var(--border-color);display:flex;justify-content:center;padding:var(--spacing-xl)}.modal-button{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-2xl);transition:all .2s ease}.modal-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (min-width:640px){.exam-page{padding:var(--spacing-xl)}.exam-header{padding:var(--spacing-2xl)}.exam-title{font-size:var(--font-size-4xl)}.code-viewer{padding:var(--spacing-xl)}.code-content{font-size:var(--font-size-base)}.result-stats{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.exam-page{padding:var(--spacing-2xl)}.exam-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.code-section,.options-section{height:-webkit-fit-content;height:fit-content}.code-viewer{max-height:500px;overflow-y:auto}.result-stats{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.exam-container{max-width:1400px}}@media (max-width:639px){.exam-header-content{flex-direction:column;text-align:center}.code-viewer{padding:var(--spacing-md)}.code-content{font-size:var(--font-size-xs)}.radio-option{padding:var(--spacing-md)}.option-text{font-size:var(--font-size-sm)}.finish-button,.next-button{width:100%}.result-stats{grid-template-columns:1fr}.modal-content{margin:var(--spacing-lg)}}.finish-button:focus-visible,.modal-button:focus-visible,.next-button:focus-visible,.radio-option:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media print{.exam-page{background:#fff;padding:0}.exam-navigation{display:none}.code-section,.options-section{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.submenu-page{background:var(--background-gradient);box-sizing:border-box;max-width:100%;min-height:calc(100vh - 200px);overflow-x:hidden;padding:var(--spacing-lg);width:100%}.submenu-container{box-sizing:border-box;margin:0 auto;max-width:1400px;width:100%}.submenu-header{margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl) var(--spacing-lg);position:relative}.back-button{align-items:center;background:var(--white);border:2px solid var(--primary-blue);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--primary-blue);display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .2s ease}.back-button:hover{background:var(--primary-blue-subtle);box-shadow:var(--shadow-md);transform:translateY(-2px)}.back-icon{font-size:var(--font-size-base)}.submenu-header-content{text-align:center}.submenu-header-icon{align-items:center;background:linear-gradient(135deg,var(--primary-blue-subtle) 0,#e0e7ff 100%);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--primary-blue);display:inline-flex;font-size:var(--font-size-3xl);height:64px;justify-content:center;margin-bottom:var(--spacing-lg);width:64px}.submenu-title{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.submenu-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto;max-width:800px}.submenu-content{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.content-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--spacing-2xl)}.section-header{align-items:center;border-bottom:2px solid var(--border-subtle);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.section-icon{color:var(--primary-blue);flex-shrink:0;font-size:var(--font-size-xl)}.section-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.items-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.submenu-card{align-items:center;background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:200px;padding:var(--spacing-xl);text-align:center;text-decoration:none;transition:all .3s ease}.submenu-card:hover{background:var(--primary-blue-subtle);border-color:var(--primary-blue);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.submenu-card-icon{color:var(--primary-blue);font-size:var(--font-size-4xl);transition:all .3s ease}.submenu-card:hover .submenu-card-icon{color:var(--primary-blue-dark);transform:scale(1.1)}.submenu-card-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;transition:color .3s ease}.submenu-card:hover .submenu-card-title{color:var(--primary-blue-dark)}.submenu-card-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0;text-align:center}@media (min-width:640px){.submenu-page{padding:var(--spacing-xl)}.submenu-header{padding:var(--spacing-3xl) var(--spacing-xl)}.submenu-title{font-size:var(--font-size-5xl)}.items-grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.submenu-card{min-height:220px;padding:var(--spacing-2xl)}.submenu-card-icon{font-size:var(--font-size-5xl)}}@media (min-width:1024px){.submenu-page{padding:var(--spacing-2xl)}.items-grid{gap:var(--spacing-2xl);grid-template-columns:repeat(2,1fr)}.submenu-card{min-height:240px}}@media (min-width:1280px){.submenu-container{max-width:1600px}}@media (max-width:639px){.submenu-header{padding:var(--spacing-xl) var(--spacing-md)}.back-button{justify-content:center;width:100%}.items-grid{gap:var(--spacing-md);grid-template-columns:1fr}.submenu-card{min-height:180px;padding:var(--spacing-lg)}.submenu-card-icon{font-size:var(--font-size-3xl)}.submenu-card-title{font-size:var(--font-size-base)}.submenu-card-description{font-size:var(--font-size-xs)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.back-button:focus-visible,.submenu-card:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media print{.submenu-page{background:#fff;padding:0}.back-button{display:none}.submenu-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}