:root{--color-white:#fff;--color-black:#000;--color-cream-50:#fcfcf9;--color-cream-100:#fffffd;--color-gray-200:#f5f5f5;--color-gray-300:#a7a9a9;--color-gray-400:#777c7c;--color-slate-500:#626c71;--color-brown-600:#5e5240;--color-charcoal-700:#1f2121;--color-charcoal-800:#262828;--color-slate-900:#13343b;--color-teal-300:#32b8c6;--color-teal-400:#2da6b2;--color-teal-500:#21808d;--color-teal-600:#1d7480;--color-teal-700:#1a6873;--color-teal-800:#2996a1;--color-red-400:#ff5459;--color-red-500:#c0152f;--color-orange-400:#e68161;--color-orange-500:#a84b2f;--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-slate-500-rgb:98,108,113;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--color-bg-1:#3b82f614;--color-bg-2:#f59e0b14;--color-bg-3:#22c55e14;--color-bg-4:#ef444414;--color-bg-5:#9333ea14;--color-bg-6:#f9731614;--color-bg-7:#ec489914;--color-bg-8:#06b6d414;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-select-caret:rgba(var(--color-slate-900-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-0.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--shadow-inset-sm:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;--duration-fast:150ms;--duration-normal:250ms;--ease-standard:cubic-bezier(0.16,1,0.3,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--button-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}}[data-color-scheme=dark]{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.15);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}[data-color-scheme=light]{--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-success-rgb:var(--color-teal-500-rgb);--color-error-rgb:var(--color-red-500-rgb);--color-warning-rgb:var(--color-orange-500-rgb);--color-info-rgb:var(--color-slate-500-rgb)}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}h1{font-size:30px;font-size:var(--font-size-4xl)}h2{font-size:24px;font-size:var(--font-size-3xl)}h3{font-size:20px;font-size:var(--font-size-2xl)}h4{font-size:18px;font-size:var(--font-size-xl)}h5{font-size:16px;font-size:var(--font-size-lg)}h6{font-size:14px;font-size:var(--font-size-md)}p{margin:0 0 16px;margin:0 0 var(--space-16) 0}a{color:#21808d;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:#1d7480;color:var(--color-primary-hover)}code,pre{background-color:#5e52401f;background-color:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:13.3px;font-size:calc(var(--font-size-base)*.95)}code{padding:1px 4px;padding:var(--space-1) var(--space-4)}pre{border:1px solid #5e524033;border:1px solid var(--color-border);margin:16px 0;margin:var(--space-16) 0;overflow:auto;padding:16px;padding:var(--space-16)}pre code{background:none;padding:0}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1.5;padding:8px 16px;padding:var(--space-8) var(--space-16);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.btn--primary{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn--primary:hover{background:#1d7480;background:var(--color-primary-hover)}.btn--primary:active{background:#1a6873;background:var(--color-primary-active)}.btn--secondary{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text)}.btn--secondary:hover{background:#5e524033;background:var(--color-secondary-hover)}.btn--secondary:active{background:#5e524040;background:var(--color-secondary-active)}.btn--outline{background:#0000;border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn--outline:hover{background:#5e52401f;background:var(--color-secondary)}.btn--sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);padding:4px 12px;padding:var(--space-4) var(--space-12)}.btn--lg{border-radius:10px;border-radius:var(--radius-md);font-size:16px;font-size:var(--font-size-lg);padding:10px 20px;padding:var(--space-10) var(--space-20)}.btn--full-width{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.form-control{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);display:block;font-size:14px;font-size:var(--font-size-md);line-height:1.5;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}textarea.form-control{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base)}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding:8px 12px;padding:var(--space-8) var(--space-12);padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.form-control:focus{border-color:#21808d;border-color:var(--color-primary);outline:2px solid #21808d;outline:var(--focus-outline)}.form-label{display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-8)}.form-group{margin-bottom:16px;margin-bottom:var(--space-16)}.card{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.card__body,.card__footer,.card__header{padding:16px;padding:var(--space-16)}.card__footer,.card__header{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner)}.status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:6px 12px;padding:var(--space-6) var(--space-12)}.status--success{background-color:#21808d26;background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.status--error{background-color:#c0152f26;background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.status--warning{background-color:#a84b2f26;background-color:rgba(var(--color-warning-rgb,168,75,47),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb,168,75,47),var(--status-border-opacity));color:#a84b2f;color:var(--color-warning)}.status--info{background-color:#626c7126;background-color:rgba(var(--color-info-rgb,98,108,113),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb,98,108,113),var(--status-border-opacity));color:#626c71;color:var(--color-info)}.container{margin-left:auto;margin-right:auto;padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16);width:100%}@media (min-width:640px){.container{max-width:640px;max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:768px;max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:1024px;max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:1280px;max-width:var(--container-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:4px;gap:var(--space-4)}.gap-8{gap:8px;gap:var(--space-8)}.gap-16{gap:16px;gap:var(--space-16)}.m-0{margin:0}.mt-8{margin-top:8px;margin-top:var(--space-8)}.mb-8{margin-bottom:8px;margin-bottom:var(--space-8)}.mx-8{margin-left:8px;margin-left:var(--space-8);margin-right:8px;margin-right:var(--space-8)}.my-8{margin-bottom:8px;margin-bottom:var(--space-8);margin-top:8px;margin-top:var(--space-8)}.p-0{padding:0}.py-8{padding-bottom:8px;padding-bottom:var(--space-8);padding-top:8px;padding-top:var(--space-8)}.px-8{padding-left:8px;padding-left:var(--space-8);padding-right:8px;padding-right:var(--space-8)}.py-16{padding-bottom:16px;padding-bottom:var(--space-16);padding-top:16px;padding-top:var(--space-16)}.px-16{padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16)}.block{display:block}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2")}html{background-color:#fcfcf9;background-color:var(--color-background);color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);scroll-behavior:smooth}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base)}body{padding:0}.app{background:#fcfcf9;background:var(--color-background);color:#13343b;color:var(--color-text);transition:background .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1);transition:background var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard)}.main-content{margin-top:80px;min-height:calc(100vh - 80px)}@media (max-width:480px){.main-content{margin-top:16px;margin-top:var(--space-16);min-height:calc(100vh - 16px);min-height:calc(100vh - var(--space-16));padding:0 16px;padding:0 var(--space-16)}}.btn-pro,button{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-8);justify-content:center;line-height:1.5;line-height:var(--line-height-normal);padding:12px 24px;padding:var(--space-12) var(--space-24);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn-pro:focus-visible,button:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.btn-primary-pro,.btn-pro.primary{background:#21808d;background:var(--color-primary);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-primary-pro:hover,.btn-pro.primary:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary-pro:active,.btn-pro.primary:active{background:#1a6873;background:var(--color-primary-active);transform:translateY(0)}.btn-pro.secondary,.btn-secondary-pro{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn-pro.secondary:hover,.btn-secondary-pro:hover{background:#5e524033;background:var(--color-secondary-hover);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-pro.secondary:active,.btn-secondary-pro:active{background:#5e524040;background:var(--color-secondary-active);transform:translateY(0)}@media (max-width:480px){.btn-pro,button{font-size:12px;font-size:var(--font-size-sm);gap:6px;gap:var(--space-6);padding:10px 16px;padding:var(--space-10) var(--space-16)}}.card,.card-pro{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);padding:24px;padding:var(--space-24);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.card-pro:hover,.card:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:480px){.card,.card-pro{border-radius:8px;border-radius:var(--radius-base);padding:16px;padding:var(--space-16)}}input,select,textarea{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);padding:12px 16px;padding:var(--space-12) var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:100%}input:focus,select:focus,textarea:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}@media (max-width:480px){input,select,textarea{font-size:12px;font-size:var(--font-size-sm);padding:10px 12px;padding:var(--space-10) var(--space-12)}}.text-primary{color:#13343b;color:var(--color-text)}.text-secondary,.text-tertiary{color:#626c71;color:var(--color-text-secondary)}.text-tertiary{opacity:.7}.bg-primary{background:#fcfcf9;background:var(--color-background)}.bg-secondary{background:#fffffd;background:var(--color-surface)}.bg-tertiary{background:#5e52401f;background:var(--color-secondary)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#21808d,#1d7480);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;background-clip:text;color:#21808d;color:var(--color-primary)}.enhanced-glow .btn-primary-pro,.enhanced-glow .btn-pro.primary{box-shadow:0 0 20px #21808d4d;box-shadow:0 0 var(--space-20) rgba(var(--color-primary-rgb,33,128,141),.3)}.enhanced-glow input,.enhanced-glow textarea{box-shadow:inset 0 1px 2px #21808d1a;box-shadow:inset 0 1px 2px rgba(var(--color-primary-rgb,33,128,141),.1)}.enhanced-glow input:focus,.enhanced-glow textarea:focus{box-shadow:0 0 0 3px #21808d66,0 0 16px #21808d33;box-shadow:var(--focus-ring),0 0 var(--space-16) rgba(var(--color-primary-rgb,33,128,141),.2)}@media (prefers-color-scheme:dark){:root{color-scheme:dark}}@media (prefers-contrast:high){.btn-pro,button{border:2px solid}.card,.card-pro,input,select,textarea{border:2px solid #5e524033;border:2px solid var(--color-border)}}@media (max-width:1024px){.hide-lg{display:none}}@media (max-width:768px){.hide-md{display:none}}@media (max-width:480px){.hide-sm{display:none}.app{font-size:12px;font-size:var(--font-size-sm)}.main-content{padding:0;padding:var(--space-0)}.btn-pro,button{justify-content:center;width:100%}.btn-pro.inline,button.inline{display:inline-flex;width:auto}.card,.card-pro{margin-bottom:16px;margin-bottom:var(--space-16)}.gradient-text{font-size:16px;font-size:var(--font-size-lg)}.card-pro:hover,.card:hover{transform:none}}.theme-switcher{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-light);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;gap:12px;padding:12px 20px;position:fixed;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1000}.theme-buttons{flex-direction:column;gap:8px}.theme-btn,.theme-buttons{align-items:center;display:flex;justify-content:center}.theme-btn{background:var(--surface-light);border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;font-size:1.25rem;height:40px;transition:all .3s ease;width:40px}[data-theme=cyberpunk] .theme-switcher,[data-theme=dark] .theme-switcher,[data-theme=galactic] .theme-switcher{background:var(--card-dark);border-color:var(--border-dark)}[data-theme=cyberpunk] .theme-btn,[data-theme=dark] .theme-btn,[data-theme=galactic] .theme-btn{background:var(--surface-dark)}.theme-btn:hover{transform:scale(1.1)}.theme-btn.active{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-color:var(--color-primary);box-shadow:0 0 15px #3b82f64d}.theme-label{color:var(--text-primary-light);font-size:.875rem;font-weight:600;margin-bottom:8px;text-align:center;white-space:nowrap}[data-theme=cyberpunk] .theme-label,[data-theme=dark] .theme-label,[data-theme=galactic] .theme-label{color:var(--text-primary-dark)}@media (min-width:1025px){.theme-switcher{flex-direction:column;padding:16px 12px;right:20px;top:50%;transform:translateY(-50%)}.theme-buttons{flex-direction:column;gap:10px}.theme-label{margin-bottom:12px}}@media (max-width:1024px) and (min-width:769px){.theme-switcher{flex-direction:row;padding:12px 16px;right:20px;top:20px;transform:none}.theme-buttons{flex-direction:row;gap:8px}.theme-btn{font-size:1.1rem;height:36px;width:36px}.theme-label{margin-bottom:0;margin-right:8px}}@media (max-width:768px){.theme-switcher{bottom:20px;flex-direction:row;left:50%;margin:0 auto;padding:10px 16px;right:auto;top:auto;transform:translateX(-50%)}.theme-buttons{flex-direction:row;gap:8px;justify-content:center;width:100%}.theme-btn{font-size:1rem;height:32px;width:32px}.theme-label{display:none}}@media (max-width:480px){.theme-switcher{bottom:15px;padding:8px 14px}.theme-buttons{gap:6px}.theme-btn{font-size:.9rem;height:30px;width:30px}}@media (max-width:360px){.theme-switcher{padding:6px 12px}.theme-buttons{gap:4px}.theme-btn{font-size:.85rem;height:28px;width:28px}}@media (min-width:1025px){.theme-switcher{right:max(20px,calc(50vw - 700px))}}@media (prefers-reduced-motion:reduce){.theme-btn,.theme-switcher{transition:none}.theme-btn:hover{transform:none}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--surface-light);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);left:0;position:fixed;top:0;transition:all var(--duration-normal) var(--ease-standard);width:100%;z-index:1000}[data-theme=cyberpunk] .navbar,[data-theme=dark] .navbar,[data-theme=galactic] .navbar{background-color:var(--surface-dark);border-bottom-color:var(--border-dark)}[data-theme=forest] .navbar,[data-theme=ocean] .navbar,[data-theme=purple] .navbar,[data-theme=sunset] .navbar{background-color:var(--surface-light);border-bottom-color:var(--border-light)}.navbar.scrolled{box-shadow:var(--shadow-lg)}.navbar-container{justify-content:space-between;margin:0 auto;max-width:var(--container-xl);padding:var(--space-16) var(--space-32)}.logo,.navbar-container{align-items:center;display:flex}.logo{gap:var(--space-8);text-decoration:none;transition:all var(--duration-normal) var(--ease-standard);z-index:1001}.logo-main{color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.logo-sub{color:var(--text-secondary-light);display:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);opacity:.8;transition:all var(--duration-normal) var(--ease-standard)}[data-theme=cyberpunk] .logo-sub,[data-theme=dark] .logo-sub,[data-theme=galactic] .logo-sub{color:var(--text-secondary-dark)}@media (min-width:768px){.logo-sub{display:inline}}.nav-links{align-items:center;display:flex;gap:var(--space-32)}.nav-link{color:var(--text-primary-light);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-8) 0;position:relative;text-decoration:none;transition:all var(--duration-normal) var(--ease-standard)}[data-theme=cyberpunk] .nav-link,[data-theme=dark] .nav-link,[data-theme=galactic] .nav-link{color:var(--text-primary-dark)}.nav-link:hover{color:var(--color-primary)}.nav-link-underline{background:var(--color-primary);border-radius:var(--radius-sm);bottom:0;height:3px;left:0;position:absolute;transition:all var(--duration-normal) var(--ease-standard);width:0}.nav-link.active .nav-link-underline,.nav-link:hover .nav-link-underline{width:100%}.hamburger:focus-visible{outline:var(--focus-outline)}.hamburger span{background-color:var(--text-primary-light);border-radius:var(--radius-sm);height:2.5px;transition:all var(--duration-normal) var(--ease-standard)}[data-theme=cyberpunk] .hamburger span,[data-theme=dark] .hamburger span,[data-theme=galactic] .hamburger span{background-color:var(--text-primary-dark)}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:480px){.navbar-container{padding:var(--space-12) var(--space-16)}.nav-links{align-items:center;background-color:var(--surface-light);border-left:1px solid var(--border-light);flex-direction:column;gap:var(--space-32);height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:all var(--duration-normal) var(--ease-standard);width:100%;z-index:999}[data-theme=cyberpunk] .nav-links,[data-theme=dark] .nav-links,[data-theme=galactic] .nav-links{background-color:var(--surface-dark);border-left-color:var(--border-dark)}.nav-links.open{right:0}.nav-link{font-size:var(--font-size-2xl);padding:var(--space-12) 0;text-align:center}.hamburger{display:flex}.logo-main{font-size:var(--font-size-2xl)}.logo-sub{display:none}}@media (max-width:768px) and (min-width:481px){.navbar-container{padding:var(--space-16)}.nav-links{align-items:center;background-color:var(--surface-light);border-left:1px solid var(--border-light);flex-direction:column;gap:var(--space-32);height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:all var(--duration-normal) var(--ease-standard);width:100%;z-index:999}[data-theme=cyberpunk] .nav-links,[data-theme=dark] .nav-links,[data-theme=galactic] .nav-links{background-color:var(--surface-dark);border-left-color:var(--border-dark)}.nav-links.open{right:0}.nav-link{font-size:var(--font-size-xl);text-align:center}.hamburger{display:flex}.logo-main{font-size:var(--font-size-2xl)}}@media (min-width:769px){.nav-links{gap:var(--space-24)}}@media (min-width:1024px){.nav-links{gap:var(--space-32)}.navbar-container{padding:var(--space-16) var(--space-32)}}@media (prefers-reduced-motion:reduce){.hamburger span,.logo,.nav-link,.nav-link-underline,.navbar{transition:none}}.nav-link:focus-visible{border-radius:var(--radius-sm);outline:var(--focus-outline);outline-offset:var(--space-2)}.logo:focus-visible{border-radius:var(--radius-sm);outline:var(--focus-outline);outline-offset:var(--space-2)}.nav-link.active{color:var(--color-primary)}.hamburger span{border-radius:2px;height:3px;transition:all .3s ease}.hamburger.open span:first-child,[data-theme=cyberpunk] .hamburger span,[data-theme=dark] .hamburger span,[data-theme=forest] .hamburger span,[data-theme=galactic] .hamburger span,[data-theme=light] .hamburger span,[data-theme=ocean] .hamburger span,[data-theme=purple] .hamburger span,[data-theme=sunset] .hamburger span{background-color:var(--color-primary)}.hamburger.open span:first-child{transform:translateY(7.5px) rotate(45deg)}.hamburger.open span:nth-child(3){background-color:var(--color-primary);transform:translateY(-7.5px) rotate(-45deg)}@media (max-width:768px){.hamburger{display:flex;position:relative;z-index:1001}}@media (max-width:480px){.hamburger{height:16px;width:22px}.hamburger span{height:2.5px}.hamburger.open span:first-child{transform:translateY(6.5px) rotate(45deg)}.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}}.hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;padding:0;position:relative;width:24px;z-index:1001}.hamburger:focus-visible{border-radius:4px;outline:2px solid var(--color-primary);outline-offset:2px}.hamburger span{background-color:var(--color-primary);border-radius:1px;display:block;height:2px;position:relative;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.hamburger.open span:first-child,[data-theme=cyberpunk] .hamburger span,[data-theme=dark] .hamburger span,[data-theme=forest] .hamburger span,[data-theme=galactic] .hamburger span,[data-theme=light] .hamburger span,[data-theme=ocean] .hamburger span,[data-theme=purple] .hamburger span,[data-theme=sunset] .hamburger span{background-color:var(--color-primary)!important}.hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scale(0)}.hamburger.open span:nth-child(3){background-color:var(--color-primary)!important;transform:translateY(-7px) rotate(-45deg)}@media (max-width:768px){.hamburger{display:flex}}@media (max-width:480px){.hamburger{height:16px;width:22px}.hamburger span{height:2px}.hamburger.open span:first-child{transform:translateY(6px) rotate(45deg)}.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}@media (max-width:768px){.hamburger{position:relative;z-index:1001}.nav-links.open~.hamburger span{background-color:var(--color-primary)!important}}@media (prefers-contrast:high){.hamburger span{height:3px}.hamburger span,.hamburger.open span{background-color:var(--color-text)!important}}@media (prefers-reduced-motion:reduce){.hamburger span{transition:none}}.site-footer{background:var(--surface-light);border-top:1px solid var(--border-light);color:var(--text-primary-light);margin-top:auto;padding:2rem 1rem;transition:all .3s ease}[data-theme=cyberpunk] .site-footer,[data-theme=dark] .site-footer,[data-theme=galactic] .site-footer{background:var(--surface-dark);border-top-color:var(--border-dark);color:var(--text-primary-dark)}[data-theme=forest] .site-footer,[data-theme=ocean] .site-footer,[data-theme=purple] .site-footer,[data-theme=sunset] .site-footer{background:var(--surface-light);border-top-color:var(--border-light);color:var(--text-primary-light)}.footer-container{margin:0 auto;max-width:1200px}.footer-main{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:2rem}.footer-brand{text-align:center}.footer-heading{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.footer-tagline{color:var(--text-secondary-light);font-size:.9rem;font-weight:500}[data-theme=cyberpunk] .footer-tagline,[data-theme=dark] .footer-tagline,[data-theme=galactic] .footer-tagline{color:var(--text-secondary-dark)}.footer-links-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center}.footer-section h4{color:var(--text-primary-light);font-size:1rem;font-weight:700;margin-bottom:1rem}[data-theme=cyberpunk] .footer-section h4,[data-theme=dark] .footer-section h4,[data-theme=galactic] .footer-section h4{color:var(--text-primary-dark)}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--text-secondary-light);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease}[data-theme=cyberpunk] .footer-links a,[data-theme=dark] .footer-links a,[data-theme=galactic] .footer-links a{color:var(--text-secondary-dark)}.footer-links a:hover{color:var(--color-primary);transform:translateX(3px)}.footer-contact{display:flex;flex-direction:column;gap:.5rem}.footer-contact p{color:var(--text-secondary-light);font-size:.9rem;font-weight:500;margin:0}[data-theme=cyberpunk] .footer-contact p,[data-theme=dark] .footer-contact p,[data-theme=galactic] .footer-contact p{color:var(--text-secondary-dark)}.footer-bottom{border-top:1px solid var(--border-light);padding-top:1.5rem;text-align:center}[data-theme=cyberpunk] .footer-bottom,[data-theme=dark] .footer-bottom,[data-theme=galactic] .footer-bottom{border-top-color:var(--border-dark)}.footer-bottom p{color:var(--text-secondary-light);font-size:.8rem;font-weight:500;margin:0}[data-theme=cyberpunk] .footer-bottom,[data-theme=dark] .footer-bottom p,[data-theme=galactic] .footer-bottom p{color:var(--text-secondary-dark)}[data-theme=cyberpunk] .site-footer,[data-theme=galactic] .site-footer{border-top:2px solid var(--color-primary);box-shadow:0 -2px 20px #00ffff1a}[data-theme=cyberpunk] .footer-links a:hover,[data-theme=galactic] .footer-links a:hover{text-shadow:0 0 8px var(--color-primary)}@media (min-width:768px){.site-footer{padding:2.5rem 2rem}.footer-main{align-items:start;gap:3rem;grid-template-columns:1fr 2fr}.footer-brand{text-align:left}.footer-links-grid{justify-items:start}}@media (min-width:1024px){.site-footer{padding:3rem 2rem}.footer-main{gap:4rem;grid-template-columns:1fr 1fr}.footer-links-grid{gap:3rem;grid-template-columns:1fr 1fr}}@media (max-width:480px){.site-footer{padding:1.5rem 1rem}.footer-links-grid{gap:1.5rem;grid-template-columns:1fr;text-align:center}.footer-heading{font-size:1.25rem}.footer-tagline{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.footer-links a,.site-footer{transition:none}.footer-links a:hover{transform:none}}.footer-links a:focus-visible{border-radius:4px;outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=light]{--color-primary:#3b82f6;--color-secondary:#8b5cf6;--color-accent:#06b6d4;--bg-light:#fff;--bg-dark:#f8fafc;--surface-light:#f1f5f9;--surface-dark:#e2e8f0;--card-light:#fff;--card-dark:#f8fafc;--text-primary-light:#0f172a;--text-primary-dark:#1e293b;--text-secondary-light:#475569;--text-secondary-dark:#64748b;--border-light:#e2e8f0;--border-dark:#cbd5e1}[data-theme=dark]{--color-primary:#60a5fa;--color-secondary:#a78bfa;--color-accent:#22d3ee;--bg-light:#0a0a0f;--bg-dark:#1a1a24;--surface-light:#14141f;--surface-dark:#252533;--card-light:#1a1a24;--card-dark:#252533;--text-primary-light:#f1f5f9;--text-primary-dark:#e2e8f0;--text-secondary-light:#cbd5e1;--text-secondary-dark:#94a3b8;--border-light:#2d2d3d;--border-dark:#3d3d4d}[data-theme=ocean]{--color-primary:#0369a1;--color-secondary:#0c4a6e;--color-accent:#06b6d4;--bg-light:#f0f9ff;--bg-dark:#082f49;--surface-light:#e0f2fe;--surface-dark:#0c2d44;--card-light:#fff;--card-dark:#082f49;--text-primary-light:#0c2d44;--text-primary-dark:#cffafe;--text-secondary-light:#0a5568;--text-secondary-dark:#06d6ff;--border-light:#bae6fd;--border-dark:#0e5a8a}[data-theme=forest]{--color-primary:#15803d;--color-secondary:#047857;--color-accent:#10b981;--bg-light:#f0fdf4;--bg-dark:#051c0f;--surface-light:#dcfce7;--surface-dark:#064e3b;--card-light:#fff;--card-dark:#0f3928;--text-primary-light:#14532d;--text-primary-dark:#d1fae5;--text-secondary-light:#166534;--text-secondary-dark:#6ee7b7;--border-light:#bbf7d0;--border-dark:#047857}[data-theme=sunset]{--color-primary:#ea580c;--color-secondary:#dc2626;--color-accent:#f97316;--bg-light:#fffbeb;--bg-dark:#3d2817;--surface-light:#fed7aa;--surface-dark:#4d2e1f;--card-light:#fff;--card-dark:#5a3a2a;--text-primary-light:#5a2e0f;--text-primary-dark:#fef3c7;--text-secondary-light:#b45309;--text-secondary-dark:#fcd34d;--border-light:#fdba74;--border-dark:#ea580c}[data-theme=purple]{--color-primary:#7c3aed;--color-secondary:#a855f7;--color-accent:#d946ef;--bg-light:#faf5ff;--bg-dark:#2d1b4e;--surface-light:#f3e8ff;--surface-dark:#3d2563;--card-light:#fff;--card-dark:#4d3080;--text-primary-light:#4d2c6f;--text-primary-dark:#e9d5ff;--text-secondary-light:#7c3aed;--text-secondary-dark:#d8b4fe;--border-light:#e9d5ff;--border-dark:#7c3aed}[data-theme=cyberpunk]{--color-primary:#0ff;--color-secondary:#f0f;--color-accent:#0f0;--bg-light:#0a0e27;--bg-dark:#000;--surface-light:#0f1735;--surface-dark:#1a1f3a;--card-light:#0f1735;--card-dark:#1a1f3a;--text-primary-light:#0ff;--text-primary-dark:#0ff;--text-secondary-light:#f0f;--text-secondary-dark:#0f0;--border-light:#0ff;--border-dark:#f0f}[data-theme=galactic]{--color-primary:#f59e0b;--color-secondary:#8b5cf6;--color-accent:#06b6d4;--bg-light:#0f172a;--bg-dark:#020617;--surface-light:#1e293b;--surface-dark:#0f172a;--card-light:#1e293b;--card-dark:#020617;--text-primary-light:#f8fafc;--text-primary-dark:#f1f5f9;--text-secondary-light:#cbd5e1;--text-secondary-dark:#94a3b8;--border-light:#334155;--border-dark:#1e293b}:root{--color-primary:#3b82f6;--color-secondary:#8b5cf6;--color-accent:#06b6d4;--bg-light:#fff;--bg-dark:#0a0a0f;--surface-light:#f1f5f9;--surface-dark:#e2e8f0;--card-light:#fff;--card-dark:#1a1a24;--text-primary-light:#0f172a;--text-primary-dark:#f1f5f9;--text-secondary-light:#475569;--text-secondary-dark:#94a3b8;--border-light:#e2e8f0;--border-dark:#2d2d3d}.ebi-homepage-pro{background:#fff;background:var(--bg-light);color:#0f172a;color:var(--text-primary-light);min-height:100vh;overflow-x:hidden;transition:background .3s ease,color .3s ease}[data-theme=cyberpunk] .ebi-homepage-pro,[data-theme=dark] .ebi-homepage-pro,[data-theme=galactic] .ebi-homepage-pro{background:#0a0a0f;background:var(--bg-dark);color:#f1f5f9;color:var(--text-primary-dark)}[data-theme=forest] .ebi-homepage-pro,[data-theme=ocean] .ebi-homepage-pro,[data-theme=purple] .ebi-homepage-pro,[data-theme=sunset] .ebi-homepage-pro{background:#fff;background:var(--bg-light);color:#0f172a;color:var(--text-primary-light)}.ebi-hero-pro{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 20px 40px;position:relative}.hero-grid-bg{inset:0;position:absolute;z-index:0}.grid-lines{animation:gridMove 20s linear infinite;background-image:linear-gradient(#3b82f60d 1px,#0000 0),linear-gradient(90deg,#3b82f60d 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}[data-theme=cyberpunk] .grid-lines,[data-theme=dark] .grid-lines,[data-theme=galactic] .grid-lines{background-image:linear-gradient(#3b82f614 1px,#0000 0),linear-gradient(90deg,#3b82f614 1px,#0000 0)}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.gradient-spotlight{transition:background .1s ease}.geometric-shapes,.gradient-spotlight{inset:0;pointer-events:none;position:absolute}.geometric-shapes{z-index:1}.shape-hexagon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:115px;opacity:.08;position:absolute;width:100px}.hex-1{animation:floatHex 12s ease-in-out infinite;left:10%;top:15%}.hex-2{animation:floatHex 15s ease-in-out infinite reverse;bottom:20%;right:15%}.shape-cube{animation:rotateCube 20s linear infinite;background:linear-gradient(45deg,#06b6d4,#3b82f6);background:linear-gradient(45deg,var(--color-accent),var(--color-primary));height:80px;opacity:.06;position:absolute;width:80px}.cube-1{right:20%;top:25%}.cube-2{animation-direction:reverse;animation-duration:25s;bottom:30%;left:15%}.shape-ring{border:3px solid #8b5cf6;border:3px solid var(--color-secondary);border-radius:50%;height:150px;opacity:.1;position:absolute;width:150px}.ring-1{animation:pulseRing 8s ease-in-out infinite;left:5%;top:40%}.ring-2{animation:pulseRing 10s ease-in-out infinite reverse;bottom:15%;right:10%}@keyframes floatHex{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes rotateCube{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseRing{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.05;transform:scale(1.3)}}.particles-container{inset:0;pointer-events:none;position:absolute;z-index:1}.tech-particle{animation:particleFloat 6s ease-in-out infinite;background:#3b82f6;background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px #3b82f6;box-shadow:0 0 10px var(--color-primary);height:4px;opacity:0;position:absolute;width:4px}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-60px) scale(1.5)}}.hero-content-pro{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1.1fr 1fr;max-width:1400px;position:relative;width:100%;z-index:10}.hero-left-pro{animation:slideInLeft .8s cubic-bezier(.16,1,.3,1)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}.badge-pro{animation:fadeInUp .6s ease .2s both;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f64d;border-radius:50px;color:#3b82f6;color:var(--color-primary);display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:24px;padding:8px 20px}[data-theme=cyberpunk] .badge-pro,[data-theme=dark] .badge-pro,[data-theme=galactic] .badge-pro{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-color:#3b82f666}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title-pro{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px}.title-welcome{animation:fadeInUp .6s ease .3s both;color:#475569;color:var(--text-secondary-light);display:block;font-size:1.25rem;font-weight:600;margin-bottom:8px;margin-top:50px}[data-theme=cyberpunk] .title-welcome,[data-theme=dark] .title-welcome,[data-theme=galactic] .title-welcome{color:#94a3b8;color:var(--text-secondary-dark)}.title-brand{animation:fadeInUp .6s ease .4s both;display:block}.brand-ebi{-webkit-text-fill-color:#0000;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:1.2em;letter-spacing:-.03em}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.brand-education{color:#0f172a;color:var(--text-primary-light);margin-left:.2em}[data-theme=cyberpunk] .brand-education,[data-theme=dark] .brand-education,[data-theme=galactic] .brand-education{color:#f1f5f9;color:var(--text-primary-dark)}.hero-desc-pro{animation:fadeInUp .6s ease .5s both;color:#475569;color:var(--text-secondary-light);font-size:1.25rem;font-weight:500;line-height:1.8;margin-bottom:32px}[data-theme=cyberpunk] .hero-desc-pro,[data-theme=dark] .hero-desc-pro,[data-theme=galactic] .hero-desc-pro{color:#94a3b8;color:var(--text-secondary-dark)}.text-highlight{color:#3b82f6;color:var(--color-primary);font-weight:700;position:relative;white-space:nowrap}.text-highlight:after{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-radius:4px;bottom:2px;content:"";height:8px;left:0;position:absolute;width:100%;z-index:-1}.stats-row{animation:fadeInUp .6s ease .6s both;display:flex;gap:40px;margin-bottom:40px}.stat-item{display:flex;flex-direction:column}.stat-item strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900;line-height:1;margin-bottom:4px}.stat-item span{color:#475569;color:var(--text-secondary-light);font-size:.875rem;font-weight:600}[data-theme=cyberpunk] .stat-item span,[data-theme=dark] .stat-item span,[data-theme=galactic] .stat-item span{color:#94a3b8;color:var(--text-secondary-dark)}.hero-actions-pro{animation:fadeInUp .6s ease .7s both;display:flex;flex-wrap:wrap;gap:16px}.btn-pro{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;overflow:hidden;padding:14px 32px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary-pro{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 4px 20px #3b82f64d;color:#fff}.btn-primary-pro:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary-pro:hover:before{left:100%}.btn-primary-pro:hover{box-shadow:0 8px 30px #3b82f666;transform:translateY(-2px)}.btn-secondary-pro{background:#0000;border:2px solid #e2e8f0;border:2px solid var(--border-light);box-shadow:none;color:#0f172a;color:var(--text-primary-light)}[data-theme=cyberpunk] .btn-secondary-pro,[data-theme=dark] .btn-secondary-pro,[data-theme=galactic] .btn-secondary-pro{border-color:#2d2d3d;border-color:var(--border-dark);color:#f1f5f9;color:var(--text-primary-dark)}.btn-secondary-pro:hover{background:#f1f5f9;background:var(--surface-light);border-color:#3b82f6;border-color:var(--color-primary);transform:translateY(-2px)}[data-theme=cyberpunk] .btn-secondary-pro:hover,[data-theme=dark] .btn-secondary-pro:hover,[data-theme=galactic] .btn-secondary-pro:hover{background:#e2e8f0;background:var(--surface-dark)}.btn-large-pro{font-size:1.125rem;padding:18px 40px}.hero-right-pro{animation:slideInRight .8s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}.visual-container{align-items:center;display:flex;height:500px;justify-content:center;position:relative;width:100%}.cube-3d{animation:rotateCube3D 20s linear infinite;height:180px;position:relative;transform-style:preserve-3d;width:180px}@keyframes rotateCube3D{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(1turn) rotateY(1turn)}}.cube-face{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:2px solid #3b82f6;border:2px solid var(--color-primary);box-shadow:0 8px 32px #0000001a;display:flex;font-size:4rem;height:180px;justify-content:center;position:absolute;width:180px}.front{transform:rotateY(0deg) translateZ(90px)}.back{transform:rotateY(180deg) translateZ(90px)}.right{transform:rotateY(90deg) translateZ(90px)}.left{transform:rotateY(-90deg) translateZ(90px)}.top{transform:rotateX(90deg) translateZ(90px)}.bottom{transform:rotateX(-90deg) translateZ(90px)}.orbit-system{inset:0;position:absolute}.orbit{border:2px solid #3b82f6;border:2px solid var(--color-primary);border-radius:50%;left:50%;position:absolute;top:50%}.orbit-1{animation:rotateOrbit 15s linear infinite;height:250px;margin:-125px 0 0 -125px;width:250px}.orbit-2{animation:rotateOrbit 20s linear infinite reverse;height:350px;margin:-175px 0 0 -175px;width:350px}.orbit-3{animation:rotateOrbit 25s linear infinite;height:450px;margin:-225px 0 0 -225px;width:450px}@keyframes rotateOrbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.orbit-dot{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;box-shadow:0 0 20px #3b82f6;box-shadow:0 0 20px var(--color-primary);height:12px;left:50%;margin-left:-6px;position:absolute;top:-6px;width:12px}.floating-info{align-items:center;animation:floatInfo 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-light);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 8px 32px #00000014;display:flex;gap:12px;padding:12px 20px;position:absolute}[data-theme=cyberpunk] .floating-info,[data-theme=dark] .floating-info,[data-theme=galactic] .floating-info{background:#1a1a24;background:var(--card-dark);border-color:#2d2d3d;border-color:var(--border-dark)}.info-1{animation-delay:0s;left:0;top:10%}.info-2{animation-delay:2s;right:0;top:50%}.info-3{animation-delay:4s;bottom:15%;left:10%}@keyframes floatInfo{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.info-icon{font-size:2rem}.info-text{display:flex;flex-direction:column}.info-text strong{color:#0f172a;color:var(--text-primary-light);font-size:.875rem;font-weight:700}[data-theme=cyberpunk] .info-text strong,[data-theme=dark] .info-text strong,[data-theme=galactic] .info-text strong{color:#f1f5f9;color:var(--text-primary-dark)}.info-text span{color:#475569;color:var(--text-secondary-light);font-size:.75rem}[data-theme=cyberpunk] .info-text span,[data-theme=dark] .info-text span,[data-theme=galactic] .info-text span{color:#94a3b8;color:var(--text-secondary-dark)}.scroll-indicator-pro{align-items:center;animation:fadeInUp 1s ease 1s both;bottom:40px;color:#475569;color:var(--text-secondary-light);display:flex;flex-direction:column;font-size:.875rem;font-weight:600;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}[data-theme=cyberpunk] .scroll-indicator-pro,[data-theme=dark] .scroll-indicator-pro,[data-theme=galactic] .scroll-indicator-pro{color:#94a3b8;color:var(--text-secondary-dark)}.scroll-line{background:linear-gradient(180deg,#3b82f6,#0000);background:linear-gradient(to bottom,var(--color-primary),#0000);border-radius:2px;height:40px;overflow:hidden;position:relative;width:2px}.scroll-line:after{animation:scrollLineMove 2s ease-in-out infinite;background:#3b82f6;background:var(--color-primary);border-radius:2px;box-shadow:0 0 10px #3b82f6;box-shadow:0 0 10px var(--color-primary);content:"";height:20px;left:0;position:absolute;top:0;width:100%}@keyframes scrollLineMove{0%{opacity:0;top:0}50%{opacity:1}to{opacity:0;top:20px}}.section-pro{padding:100px 20px;position:relative}.container-pro{margin:0 auto;max-width:1400px}.section-header-pro{margin-bottom:60px;text-align:center}.section-tag{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50px;box-shadow:0 4px 15px #3b82f64d;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:16px;padding:6px 16px}.section-header-pro h2{color:#0f172a;color:var(--text-primary-light);font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-.02em;margin-bottom:16px}[data-theme=cyberpunk] .section-header-pro h2,[data-theme=dark] .section-header-pro h2,[data-theme=galactic] .section-header-pro h2{color:#f1f5f9;color:var(--text-primary-dark)}.section-header-pro p{color:#475569;color:var(--text-secondary-light);font-size:1.125rem;margin:0 auto;max-width:600px}[data-theme=cyberpunk] .section-header-pro p,[data-theme=dark] .section-header-pro p,[data-theme=galactic] .section-header-pro p{color:#94a3b8;color:var(--text-secondary-dark)}.features-section-pro{background:#f1f5f9;background:var(--surface-light)}[data-theme=cyberpunk] .features-section-pro,[data-theme=dark] .features-section-pro,[data-theme=galactic] .features-section-pro{background:#e2e8f0;background:var(--surface-dark)}.features-grid-pro{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-link-pro{text-decoration:none}.feature-card-pro{background:#fff;background:var(--card-light);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;height:100%;overflow:hidden;padding:40px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=forest] .feature-card-pro,[data-theme=light] .feature-card-pro,[data-theme=ocean] .feature-card-pro,[data-theme=purple] .feature-card-pro,[data-theme=sunset] .feature-card-pro{background:#fff;border-color:#e2e8f0;border-color:var(--border-light)}[data-theme=cyberpunk] .feature-card-pro,[data-theme=dark] .feature-card-pro,[data-theme=galactic] .feature-card-pro{background:#1a1a24;background:var(--card-dark);border-color:#2d2d3d;border-color:var(--border-dark)}.feature-card-pro:hover{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 20px 40px #3b82f626;transform:translateY(-8px)}.card-shine{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.feature-card-pro:hover .card-shine{left:100%}.feature-icon-pro{display:block;font-size:3rem;margin-bottom:20px}.feature-card-pro h3{color:#0f172a;color:var(--text-primary-light);font-size:1.5rem;font-weight:800;margin-bottom:12px}[data-theme=cyberpunk] .feature-card-pro,[data-theme=dark] .feature-card-pro h3,[data-theme=galactic] .feature-card-pro h3{color:#f1f5f9;color:var(--text-primary-dark)}.feature-card-pro p{color:#475569;color:var(--text-secondary-light);font-size:1rem;line-height:1.7}[data-theme=cyberpunk] .feature-card-pro,[data-theme=dark] .feature-card-pro p,[data-theme=galactic] .feature-card-pro p{color:#94a3b8;color:var(--text-secondary-dark)}.quiz-section-pro{background:#f1f5f9;background:var(--surface-light)}[data-theme=cyberpunk] .quiz-section-pro,[data-theme=dark] .quiz-section-pro,[data-theme=galactic] .quiz-section-pro{background:#e2e8f0;background:var(--surface-dark)}.quiz-container-pro{background:#fff;background:var(--card-light);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:24px;box-shadow:0 20px 60px #00000014;margin:0 auto;max-width:700px;padding:60px 40px;text-align:center}[data-theme=forest] .quiz-container-pro,[data-theme=light] .quiz-container-pro,[data-theme=ocean] .quiz-container-pro,[data-theme=purple] .quiz-container-pro,[data-theme=sunset] .quiz-container-pro{background:#fff;border-color:#e2e8f0;border-color:var(--border-light)}[data-theme=cyberpunk] .quiz-container-pro,[data-theme=dark] .quiz-container-pro,[data-theme=galactic] .quiz-container-pro{background:#1a1a24;background:var(--card-dark);border-color:#2d2d3d;border-color:var(--border-dark)}.quiz-icon-large{animation:bounceIcon 2s ease-in-out infinite;font-size:5rem;margin-bottom:24px}@keyframes bounceIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.quiz-container-pro h3{color:#0f172a;color:var(--text-primary-light);font-size:2rem;font-weight:800;margin-bottom:16px}[data-theme=cyberpunk] .quiz-container-pro,[data-theme=dark] .quiz-container-pro h3,[data-theme=galactic] .quiz-container-pro h3{color:#f1f5f9;color:var(--text-primary-dark)}.quiz-container-pro p{color:#475569;color:var(--text-secondary-light);font-size:1.125rem;margin-bottom:32px}[data-theme=cyberpunk] .quiz-container-pro,[data-theme=dark] .quiz-container-pro p,[data-theme=galactic] .quiz-container-pro p{color:#94a3b8;color:var(--text-secondary-dark)}.quiz-features-pro{display:inline-block;list-style:none;margin-bottom:40px;text-align:left}.quiz-features-pro li{align-items:center;color:#0f172a;color:var(--text-primary-light);display:flex;font-size:1.125rem;font-weight:600;gap:12px;margin-bottom:16px}[data-theme=cyberpunk] .quiz-features-pro li,[data-theme=dark] .quiz-features-pro li,[data-theme=galactic] .quiz-features-pro li{color:#f1f5f9;color:var(--text-primary-dark)}.quiz-features-pro li span{font-size:1.5rem}.quiz-btn-pro{display:inline-flex}.testimonials-section-pro{background:#f1f5f9;background:var(--surface-light)}[data-theme=cyberpunk] .testimonials-section-pro,[data-theme=dark] .testimonials-section-pro,[data-theme=galactic] .testimonials-section-pro{background:#e2e8f0;background:var(--surface-dark)}.testimonials-grid-pro{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1000px}.testimonial-card-pro{background:#fff;background:var(--card-light);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;padding:40px;position:relative;transition:all .3s ease}[data-theme=forest] .testimonial-card-pro,[data-theme=light] .testimonial-card-pro,[data-theme=ocean] .testimonial-card-pro,[data-theme=purple] .testimonial-card-pro,[data-theme=sunset] .testimonial-card-pro{background:#fff;border-color:#e2e8f0;border-color:var(--border-light)}[data-theme=cyberpunk] .testimonial-card-pro,[data-theme=dark] .testimonial-card-pro,[data-theme=galactic] .testimonial-card-pro{background:#1a1a24;background:var(--card-dark);border-color:#2d2d3d;border-color:var(--border-dark)}.testimonial-card-pro:hover{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 12px 40px #0000001f;transform:translateY(-4px)}.quote-icon{color:#3b82f6;color:var(--color-primary);font-size:4rem;line-height:1;margin-bottom:16px;opacity:.2}.testimonial-text{color:#0f172a;color:var(--text-primary-light);font-size:1.125rem;font-style:italic;line-height:1.8;margin-bottom:24px}[data-theme=cyberpunk] .testimonial-text,[data-theme=dark] .testimonial-text,[data-theme=galactic] .testimonial-text{color:#f1f5f9;color:var(--text-primary-dark)}.testimonial-author{display:flex;flex-direction:column;gap:4px}.testimonial-author strong{color:#0f172a;color:var(--text-primary-light);font-size:1rem;font-weight:700}[data-theme=cyberpunk] .testimonial-author strong,[data-theme=dark] .testimonial-author strong,[data-theme=galactic] .testimonial-author strong{color:#f1f5f9;color:var(--text-primary-dark)}.testimonial-author span{color:#475569;color:var(--text-secondary-light);font-size:.875rem}[data-theme=cyberpunk] .testimonial-author span,[data-theme=dark] .testimonial-author span,[data-theme=galactic] .testimonial-author span{color:#94a3b8;color:var(--text-secondary-dark)}.map-section-pro{background:#f1f5f9;background:var(--surface-light)}[data-theme=cyberpunk] .map-section-pro,[data-theme=dark] .map-section-pro,[data-theme=galactic] .map-section-pro{background:#e2e8f0;background:var(--surface-dark)}.map-wrapper-pro{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 20px 60px #0000001a;margin:0 auto;max-width:900px;overflow:hidden}[data-theme=cyberpunk] .map-wrapper-pro,[data-theme=dark] .map-wrapper-pro,[data-theme=galactic] .map-wrapper-pro{border-color:#2d2d3d;border-color:var(--border-dark)}.cta-section-pro{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;text-align:center}.cta-content-pro h2{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:900;margin-bottom:16px}.cta-content-pro p{font-size:1.25rem;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px;opacity:.9}@media (max-width:1024px){.hero-content-pro{gap:80px;grid-template-columns:1fr;text-align:center}.hero-left-pro{align-items:center;display:flex;flex-direction:column}.hero-actions-pro,.stats-row{justify-content:center}.visual-container{height:450px}.floating-info{display:none}}@media (max-width:768px){.ebi-hero-pro{padding:60px 16px 40px}.section-pro{padding:60px 16px}.hero-title-pro{font-size:2.5rem}.stats-row{gap:24px}.stat-item strong{font-size:1.5rem}.visual-container{height:350px}.cube-3d,.cube-face{height:120px;width:120px}.cube-face{font-size:2.5rem}.front{transform:rotateY(0deg) translateZ(60px)}.back{transform:rotateY(180deg) translateZ(60px)}.right{transform:rotateY(90deg) translateZ(60px)}.left{transform:rotateY(-90deg) translateZ(60px)}.top{transform:rotateX(90deg) translateZ(60px)}.bottom{transform:rotateX(-90deg) translateZ(60px)}.orbit-1{height:200px;margin:-100px 0 0 -100px;width:200px}.orbit-2{height:280px;margin:-140px 0 0 -140px;width:280px}.orbit-3{height:360px;margin:-180px 0 0 -180px;width:360px}.features-grid-pro,.testimonials-grid-pro{grid-template-columns:1fr}.quiz-container-pro{padding:40px 24px}}@media (max-width:480px){.hero-title-pro{font-size:2rem}.title-welcome{margin-top:50px}.hero-desc-pro{font-size:1.125rem}.stats-row{align-items:center;flex-direction:column;gap:16px}.btn-pro{justify-content:center;width:100%}.section-header-pro h2{font-size:1.75rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.fees-page{background:var(--bg-light);color:var(--text-primary-light);margin:0 auto;min-height:100vh;padding:var(--space-16);transition:all var(--duration-normal) var(--ease-standard)}[data-theme=cyberpunk] .fees-page,[data-theme=dark] .fees-page,[data-theme=galactic] .fees-page{background:var(--bg-dark);color:var(--text-primary-dark)}[data-theme=forest] .fees-page,[data-theme=ocean] .fees-page,[data-theme=purple] .fees-page,[data-theme=sunset] .fees-page{background:var(--bg-light);color:var(--text-primary-light)}.fees-header{margin-bottom:var(--space-32);padding:0 var(--space-16);text-align:center}.fees-header h1{color:var(--text-primary-light);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-8);padding-top:100px}[data-theme=cyberpunk] .fees-header h1,[data-theme=dark] .fees-header h1,[data-theme=galactic] .fees-header h1{color:var(--text-primary-dark)}.fee-cards-container{grid-gap:var(--space-24);display:grid;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:var(--space-32) 0;padding:0 var(--space-8)}.fee-card{background:var(--card-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;padding:var(--space-24);position:relative;transition:all var(--duration-normal) var(--ease-standard)}[data-theme=cyberpunk] .fee-card,[data-theme=dark] .fee-card,[data-theme=galactic] .fee-card{background:var(--card-dark);border-color:var(--border-dark)}[data-theme=forest] .fee-card,[data-theme=ocean] .fee-card,[data-theme=purple] .fee-card,[data-theme=sunset] .fee-card{background:var(--card-light);border-color:var(--border-light)}.fee-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-main-content{align-items:center;display:flex;justify-content:space-between}.class-name h2{color:var(--text-primary-light);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}[data-theme=cyberpunk] .class-name h2,[data-theme=dark] .class-name h2,[data-theme=galactic] .class-name h2{color:var(--text-primary-dark)}.price-container{text-align:right}.price{color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.price-desc{color:var(--text-secondary-light);font-size:var(--font-size-sm);margin-top:var(--space-4)}[data-theme=cyberpunk] .price-desc,[data-theme=dark] .price-desc,[data-theme=galactic] .price-desc{color:var(--text-secondary-dark)}.card-details{transition:all var(--duration-normal) var(--ease-standard)}.subjects h3{color:var(--text-primary-light);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-12)}[data-theme=cyberpunk] .subjects h3,[data-theme=dark] .subjects h3,[data-theme=galactic] .subjects h3{color:var(--text-primary-dark)}.subjects ul{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}.subjects li{color:var(--text-primary-light);font-size:var(--font-size-sm);padding:var(--space-6) 0;padding-left:var(--space-16);position:relative}[data-theme=cyberpunk] .subjects li,[data-theme=dark] .subjects li,[data-theme=galactic] .subjects li{color:var(--text-primary-dark)}.subjects li:before{color:var(--color-primary);content:"•";font-weight:var(--font-weight-bold);left:0;position:absolute}.duration{border-top:1px dashed var(--border-light);color:var(--text-secondary-light);font-size:var(--font-size-sm);font-style:italic;margin-top:var(--space-16);padding-top:var(--space-12);text-align:center}[data-theme=cyberpunk] .duration,[data-theme=dark] .duration,[data-theme=galactic] .duration{border-top-color:var(--border-dark);color:var(--text-secondary-dark)}.mobile-tap-hint{display:none}.additional-info{background:var(--card-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-top:var(--space-32);padding:var(--space-24)}[data-theme=cyberpunk] .additional-info,[data-theme=dark] .additional-info,[data-theme=galactic] .additional-info{background:var(--card-dark);border-color:var(--border-dark)}.additional-info h3{color:var(--text-primary-light);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-16);text-align:center}[data-theme=cyberpunk] .additional-info,[data-theme=dark] .additional-info h3,[data-theme=galactic] .additional-info h3{color:var(--text-primary-dark)}.additional-info ul{list-style:none;margin:0;padding:0}.additional-info li{color:var(--text-primary-light);font-size:var(--font-size-sm);padding:var(--space-8) 0;padding-left:var(--space-20);position:relative}[data-theme=cyberpunk] .additional-info,[data-theme=dark] .additional-info li,[data-theme=galactic] .additional-info li{color:var(--text-primary-dark)}.additional-info li:before{color:var(--color-primary);content:"—";font-weight:var(--font-weight-bold);left:0;position:absolute}[data-theme=cyberpunk] .fee-card,[data-theme=galactic] .fee-card{border:2px solid var(--color-primary);box-shadow:0 0 20px #00ffff4d}[data-theme=cyberpunk] .fee-card:hover,[data-theme=galactic] .fee-card:hover{border-color:#f0f;box-shadow:0 0 30px #0ff9,0 0 40px #ff00ff4d}[data-theme=cyberpunk] .price,[data-theme=galactic] .price{text-shadow:0 0 10px var(--color-primary)}[data-theme=cyberpunk] .additional-info,[data-theme=galactic] .additional-info{border:2px solid var(--color-primary);box-shadow:0 0 15px #0ff3}@media (max-width:768px){.fees-page{padding:var(--space-12)}.fees-header{margin-bottom:var(--space-24);padding:0}.fees-header h1{font-size:var(--font-size-3xl)}.subtitle{font-size:var(--font-size-base)}.fee-cards-container{gap:var(--space-16);grid-template-columns:1fr;margin:var(--space-24) 0;padding:0}.fee-card{margin:0;padding:var(--space-16)}.class-name h2{font-size:var(--font-size-lg)}.price{font-size:var(--font-size-2xl)}.price-desc{font-size:var(--font-size-xs)}.card-details{max-height:0;opacity:0;overflow:hidden;transition:all var(--duration-normal) var(--ease-standard)}.fee-card.expanded{padding-bottom:var(--space-20)}.fee-card.expanded .card-details{border-top:1px dashed var(--border-light);margin-top:var(--space-16);max-height:500px;opacity:1;padding-top:var(--space-16)}[data-theme=cyberpunk] .fee-card.expanded .card-details,[data-theme=dark] .fee-card.expanded .card-details,[data-theme=galactic] .fee-card.expanded .card-details{border-top-color:var(--border-dark)}.subjects h3{font-size:var(--font-size-sm)}.subjects ul{gap:var(--space-4);grid-template-columns:1fr}.subjects li{font-size:var(--font-size-xs);padding:var(--space-4) 0;padding-left:var(--space-16)}.duration,.mobile-tap-hint{font-size:var(--font-size-xs);margin-top:var(--space-12)}.mobile-tap-hint{color:var(--color-primary);display:block;font-style:italic;text-align:center}.additional-info{margin-top:var(--space-24);padding:var(--space-20)}.additional-info h3{font-size:var(--font-size-base)}.additional-info li{font-size:var(--font-size-xs);padding:var(--space-6) 0}}@media (max-width:480px){.fees-header h1{font-size:var(--font-size-2xl)}.subtitle{font-size:var(--font-size-sm)}.fee-card{padding:var(--space-12)}.class-name h2{font-size:var(--font-size-base)}.price{font-size:var(--font-size-xl)}.additional-info{padding:var(--space-16)}}@media (max-width:360px){.fees-header h1{font-size:var(--font-size-xl)}.class-name h2{font-size:var(--font-size-sm)}.price{font-size:var(--font-size-lg)}.price-desc{font-size:var(--font-size-xs)}}@media (prefers-reduced-motion:reduce){.card-details,.fee-card,.fees-page{transition:none}.fee-card:hover{transform:none}}.notes-page{background:var(--bg-light);color:var(--text-primary-light);margin:0 auto;min-height:calc(100vh - 120px);padding:2rem 1rem;transition:all .3s ease}[data-theme=cyberpunk] .notes-page,[data-theme=dark] .notes-page,[data-theme=galactic] .notes-page{background:var(--bg-dark);color:var(--text-primary-dark)}[data-theme=forest] .notes-page,[data-theme=ocean] .notes-page,[data-theme=purple] .notes-page,[data-theme=sunset] .notes-page{background:var(--bg-light);color:var(--text-primary-light)}.notes-header{margin-bottom:2rem;text-align:center}.notes-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:.5rem;padding-top:100px}.subtitle{font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.header-top{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.logout-button{background:var(--surface-light);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary-light);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}[data-theme=cyberpunk] .logout-button,[data-theme=dark] .logout-button,[data-theme=galactic] .logout-button{background:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.logout-button:hover{background:var(--color-primary);box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-1px)}.classes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:2rem 0}.class-card{background:var(--card-light);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .3s ease}[data-theme=cyberpunk] .class-card,[data-theme=dark] .class-card,[data-theme=galactic] .class-card{background:var(--card-dark);border-color:var(--border-dark)}.class-card:hover{border-color:var(--color-primary);box-shadow:0 8px 25px #3b82f626;transform:translateY(-3px)}.class-emoji{filter:grayscale(.3);font-size:2rem;margin-bottom:.75rem;transition:filter .3s ease}.class-card:hover .class-emoji{filter:grayscale(0)}.class-card h3{color:var(--text-primary-light);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}[data-theme=cyberpunk] .class-card,[data-theme=dark] .class-card h3,[data-theme=galactic] .class-card,[data-theme=galactic] .class-card h3{color:var(--text-primary-dark)}.subjects-count{color:var(--text-secondary-light);font-size:.85rem;font-weight:500}[data-theme=cyberpunk] .subjects-count,[data-theme=dark] .subjects-count,[data-theme=galactic] .subjects-count{color:var(--text-secondary-dark)}.subjects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:2rem 0}.subject-card{background:var(--card-light);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .3s ease}[data-theme=cyberpunk] .subject-card,[data-theme=dark] .subject-card,[data-theme=galactic] .subject-card{background:var(--card-dark);border-color:var(--border-dark)}.subject-card:hover{border-color:var(--color-primary);box-shadow:0 8px 25px #3b82f626;transform:translateY(-3px)}.subject-emoji{filter:grayscale(.3);font-size:2rem;margin-bottom:.75rem;transition:filter .3s ease}.subject-card:hover .subject-emoji{filter:grayscale(0)}.subject-card h3{color:var(--text-primary-light);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}[data-theme=cyberpunk] .subject-card,[data-theme=dark] .subject-card h3,[data-theme=galactic] .subject-card,[data-theme=galactic] .subject-card h3{color:var(--text-primary-dark)}.chapters-count{color:var(--text-secondary-light);font-size:.85rem;font-weight:500}[data-theme=cyberpunk] .chapters-count,[data-theme=dark] .chapters-count,[data-theme=galactic] .chapters-count{color:var(--text-secondary-dark)}.chapters-view{margin:1rem 0}.navigation-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.back-button{align-items:center;background:var(--surface-light);border:1px solid var(--border-light);border-radius:6px;color:var(--color-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}[data-theme=cyberpunk] .back-button,[data-theme=dark] .back-button,[data-theme=galactic] .back-button{background:var(--surface-dark);border-color:var(--border-dark)}.back-button:hover{background:var(--color-primary);box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-1px)}.back-to-classes{background:#0000;border:1px solid var(--border-light);color:var(--text-secondary-light)}[data-theme=cyberpunk] .back-to-classes,[data-theme=dark] .back-to-classes,[data-theme=galactic] .back-to-classes{border-color:var(--border-dark);color:var(--text-secondary-dark)}.back-to-classes:hover{color:#fff}.class-title{align-items:center;color:var(--text-primary-light);display:flex;font-size:1.75rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}[data-theme=cyberpunk] .class-title,[data-theme=dark] .class-title,[data-theme=galactic] .class-title{color:var(--text-primary-dark)}.chapters-list{display:flex;flex-direction:column;gap:1.25rem}.chapter-card{background:var(--surface-light);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;transition:all .3s ease}[data-theme=cyberpunk] .chapter-card,[data-theme=dark] .chapter-card,[data-theme=galactic] .chapter-card{background:var(--surface-dark);border-color:var(--border-dark)}.chapter-card:hover{box-shadow:0 4px 20px #3b82f61a;transform:translateY(-2px)}.chapter-name{color:var(--text-primary-light);font-size:1.2rem;font-weight:700;margin-bottom:1rem}[data-theme=cyberpunk] .chapter-name,[data-theme=dark] .chapter-name,[data-theme=galactic] .chapter-name{color:var(--text-primary-dark)}.chapter-parts{display:flex;flex-direction:column;gap:.75rem}.part-item{align-items:center;background:var(--card-light);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}[data-theme=cyberpunk] .part-item,[data-theme=dark] .part-item,[data-theme=galactic] .part-item{background:var(--card-dark);border-color:var(--border-dark)}.part-item:hover{background:#3b82f61a;border-color:var(--color-primary);transform:translateX(8px)}.part-name{color:var(--text-primary-light);font-size:.95rem;font-weight:600}[data-theme=cyberpunk] .part-name,[data-theme=dark] .part-name,[data-theme=galactic] .part-name{color:var(--text-primary-dark)}.download-icon{color:var(--color-primary);font-size:1.1rem;font-weight:700;transition:transform .3s ease}.part-item:hover .download-icon{transform:translateY(2px)}.github-instructions{background:var(--card-light);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 20px #0000000d;margin-top:3rem;padding:2rem}[data-theme=cyberpunk] .github-instructions,[data-theme=dark] .github-instructions,[data-theme=galactic] .github-instructions{background:var(--card-dark);border-color:var(--border-dark)}.github-instructions h3{color:var(--text-primary-light);font-size:1.25rem;font-weight:700;margin-bottom:1rem}[data-theme=cyberpunk] .github-instructions,[data-theme=dark] .github-instructions h3,[data-theme=galactic] .github-instructions h3{color:var(--text-primary-dark)}.github-instructions ol{color:var(--text-secondary-light);line-height:1.7;padding-left:1.25rem}[data-theme=cyberpunk] .github-instructions,[data-theme=dark] .github-instructions ol,[data-theme=galactic] .github-instructions ol{color:var(--text-secondary-dark)}.github-instructions li{font-size:.95rem;margin-bottom:.75rem}.hover-overlay{background:linear-gradient(135deg,#3b82f60d,#0000);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.class-card:hover .hover-overlay,.subject-card:hover .hover-overlay{opacity:1}.auth-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.auth-card{background:var(--card-light);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 8px 40px #0000001a;max-width:400px;padding:2.5rem;text-align:center;width:100%}[data-theme=cyberpunk] .auth-card,[data-theme=dark] .auth-card,[data-theme=galactic] .auth-card{background:var(--card-dark);border-color:var(--border-dark)}.auth-card h2{color:var(--text-primary-light);font-size:1.75rem;font-weight:700;margin-bottom:1rem}[data-theme=cyberpunk] .auth-card,[data-theme=dark] .auth-card h2,[data-theme=galactic] .auth-card h2{color:var(--text-primary-dark)}.auth-card p{color:var(--text-secondary-light);line-height:1.6;margin-bottom:1.5rem}[data-theme=cyberpunk] .auth-card,[data-theme=dark] .auth-card p,[data-theme=galactic] .auth-card p{color:var(--text-secondary-dark)}.auth-form{gap:1.25rem}.auth-form,.input-group{display:flex;flex-direction:column}.auth-input{background:var(--surface-light);border:2px solid var(--border-light);border-radius:8px;color:var(--text-primary-light);font-size:1rem;font-weight:500;padding:12px 16px;transition:all .3s ease}[data-theme=cyberpunk] .auth-input,[data-theme=dark] .auth-input,[data-theme=galactic] .auth-input{background:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.auth-button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:8px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.auth-button:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.error-message{background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:4px;color:#e74c3c;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.5rem}.auth-instructions{border-top:1px solid var(--border-light);margin-top:1.5rem;padding-top:1.5rem}[data-theme=cyberpunk] .auth-instructions,[data-theme=dark] .auth-instructions,[data-theme=galactic] .auth-instructions{border-top-color:var(--border-dark)}.auth-instructions h4{color:var(--text-primary-light);font-size:1rem;margin-bottom:.5rem}[data-theme=cyberpunk] .auth-instructions,[data-theme=dark] .auth-instructions h4,[data-theme=galactic] .auth-instructions h4{color:var(--text-primary-dark)}.auth-instructions p{color:var(--text-secondary-light);font-size:.9rem;margin-bottom:0}[data-theme=cyberpunk] .auth-instructions,[data-theme=dark] .auth-instructions p,[data-theme=galactic] .auth-instructions p{color:var(--text-secondary-dark)}[data-theme=cyberpunk] .auth-card,[data-theme=cyberpunk] .chapter-card,[data-theme=cyberpunk] .class-card,[data-theme=cyberpunk] .subject-card,[data-theme=galactic] .auth-card,[data-theme=galactic] .chapter-card,[data-theme=galactic] .class-card,[data-theme=galactic] .subject-card{border:2px solid var(--color-primary);box-shadow:0 0 20px #0ff3}[data-theme=cyberpunk] .class-card,[data-theme=cyberpunk] .subject-card,[data-theme=galactic] .class-card:hover,[data-theme=galactic] .subject-card:hover{border-color:#f0f;box-shadow:0 0 30px #0ff6,0 0 40px #f0f3}[data-theme=cyberpunk] .part-item:hover,[data-theme=galactic] .part-item:hover{box-shadow:0 0 15px #00ffff4d;text-shadow:0 0 5px var(--color-primary)}[data-theme=cyberpunk] .auth-button,[data-theme=galactic] .auth-button{box-shadow:0 0 20px var(--color-primary);text-shadow:0 0 5px #fff}@media (max-width:768px){.notes-page{padding:1.5rem 1rem}.classes-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.subjects-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.class-card,.subject-card{padding:1.25rem .75rem}.class-emoji,.subject-emoji{font-size:1.75rem}.navigation-buttons{flex-direction:column;gap:.5rem}.chapter-card{padding:1.25rem}.part-item{padding:.875rem}.auth-card{padding:2rem 1.5rem}.header-top{flex-direction:column;text-align:center}}@media (max-width:480px){.classes-grid,.subjects-grid{grid-template-columns:repeat(2,1fr)}.subtitle{font-size:.9rem}.github-instructions{padding:1.5rem}.auth-container{padding:1rem}}.notice-board-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-dark);border:1px solid #3b82f633;border-radius:24px;box-shadow:0 10px 40px #0003;margin-bottom:3rem;padding:1.5rem}.notice-board-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.notice-board-header h2{color:var(--text-primary-dark);font-size:.85rem;font-weight:900;letter-spacing:2px;margin:0}.live-dot{animation:pulse 1.5s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;height:8px;width:8px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.notices-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.notice-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;display:flex;gap:1.25rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.notice-icon{align-items:center;background:#ffffff0d;border-radius:14px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.notice-content h3{color:#fff;font-size:1rem;font-weight:800;margin-bottom:.4rem}.notice-content p{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:.85rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.notice-meta{align-items:center;display:flex;font-size:.7rem;font-weight:800;gap:.5rem;letter-spacing:1px;text-transform:uppercase}.priority-blue{border-left:4px solid #3b82f6}.priority-blue .notice-icon{background:#3b82f61a;color:#3b82f6}.priority-blue .notice-meta{color:#3b82f699}.priority-cyan{border-left:4px solid #06b6d4}.priority-cyan .notice-icon{background:#06b6d41a;color:#06b6d4}.priority-cyan .notice-meta{color:#06b6d499}.priority-amber{border-left:4px solid #f59e0b}.priority-amber .notice-icon{background:#f59e0b1a;color:#f59e0b}.priority-amber .notice-meta{color:#f59e0b99}.priority-orange{border-left:4px solid #f97316}.priority-orange .notice-icon{background:#f973161a;color:#f97316}.priority-orange .notice-meta{color:#f9731699}.priority-red{background:#ef444408;border-left:4px solid #ef4444}.priority-red .notice-icon{background:#ef44441a;color:#ef4444}.priority-red .notice-meta{color:#ef444499}@media (max-width:640px){.notices-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.auth-button,.back-button,.chapter-card,.class-card,.logout-button,.notes-page,.notice-item,.part-item,.subject-card{transition:none}.auth-button:hover,.class-card:hover,.notice-item:hover,.part-item:hover,.subject-card:hover{transform:none}.live-dot{animation:none}}.about-page{background:var(--bg-light);color:var(--text-primary-light);margin:0 auto;padding:var(--space-32);transition:all var(--duration-normal) var(--ease-standard)}[data-theme=cyberpunk] .about-page,[data-theme=dark] .about-page,[data-theme=galactic] .about-page{background:var(--bg-dark);color:var(--text-primary-dark)}[data-theme=forest] .about-page,[data-theme=ocean] .about-page,[data-theme=purple] .about-page,[data-theme=sunset] .about-page{background:var(--bg-light);color:var(--text-primary-light)}.about-header{margin-bottom:var(--space-32);text-align:center}.about-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-8);padding-top:100px}.tagline{color:var(--text-secondary-light);font-size:var(--font-size-xl);line-height:var(--line-height-normal);margin:0 auto;max-width:600px}[data-theme=cyberpunk] .tagline,[data-theme=dark] .tagline,[data-theme=galactic] .tagline{color:var(--text-secondary-dark)}.main-teacher{background:var(--card-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--space-32) 0;padding:var(--space-32);transition:all var(--duration-normal) var(--ease-standard)}[data-theme=cyberpunk] .main-teacher,[data-theme=dark] .main-teacher,[data-theme=galactic] .main-teacher{background:var(--card-dark);border-color:var(--border-dark)}.teacher-profile{align-items:center;display:flex;gap:var(--space-32)}.teacher-info{flex:2 1}.teacher-photo{flex:1 1}.photo-placeholder,.teacher-photo{display:flex;justify-content:center}.photo-placeholder{align-items:center;background:var(--bg-light);border:3px solid var(--color-primary);border-radius:50%;color:var(--text-secondary-light);height:200px;overflow:hidden;transition:all var(--duration-normal) var(--ease-standard);width:200px}[data-theme=cyberpunk] .photo-placeholder,[data-theme=dark] .photo-placeholder,[data-theme=galactic] .photo-placeholder{background:var(--bg-dark);color:var(--text-secondary-dark)}.photo-placeholder img{display:block;height:100%;object-fit:cover;width:100%}.main-teacher h2{color:var(--text-primary-light);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-8)}[data-theme=cyberpunk] .main-teacher,[data-theme=dark] .main-teacher h2,[data-theme=galactic] .main-teacher,[data-theme=galactic] .main-teacher h2{color:var(--text-primary-dark)}.title{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-24)}.bio{color:var(--text-primary-light);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:var(--space-32)}[data-theme=cyberpunk] .bio,[data-theme=dark] .bio,[data-theme=galactic] .bio{color:var(--text-primary-dark)}.specialization h3{color:var(--text-primary-light);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-16)}[data-theme=cyberpunk] .specialization h3,[data-theme=dark] .specialization h3,[data-theme=galactic] .specialization h3{color:var(--text-primary-dark)}.specialization ul{list-style:none;padding:0}.specialization li{color:var(--text-primary-light);font-size:var(--font-size-base);padding:var(--space-8) 0;padding-left:var(--space-24);position:relative}[data-theme=cyberpunk] .specialization li,[data-theme=dark] .specialization li,[data-theme=galactic] .specialization li{color:var(--text-primary-dark)}.specialization li:before{color:var(--color-primary);content:"•";font-size:var(--font-size-xl);left:0;position:absolute;top:0}.other-teachers{margin:var(--space-40) 0}.other-teachers h2{color:var(--text-primary-light);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-32);text-align:center}[data-theme=cyberpunk] .other-teachers h2,[data-theme=dark] .other-teachers h2,[data-theme=galactic] .other-teachers h2{color:var(--text-primary-dark)}.teacher-cards{grid-gap:var(--space-24);display:grid;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width:1024px){.teacher-cards{grid-template-columns:repeat(2,1fr)}}.teacher-card{background:var(--card-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--space-24);transition:all var(--duration-normal) var(--ease-standard)}[data-theme=cyberpunk] .teacher-card,[data-theme=dark] .teacher-card,[data-theme=galactic] .teacher-card{background:var(--card-dark);border-color:var(--border-dark)}.teacher-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.teacher-photo-small{display:flex;justify-content:center;margin-bottom:var(--space-16)}.faculty-photo{align-items:center;background:var(--bg-light);border:3px solid var(--color-primary);border-radius:50%;display:flex;height:120px;justify-content:center;overflow:hidden;transition:all var(--duration-normal) var(--ease-standard);width:120px}[data-theme=cyberpunk] .faculty-photo,[data-theme=dark] .faculty-photo,[data-theme=galactic] .faculty-photo{background:var(--bg-dark)}.faculty-photo img{display:block;height:100%;object-fit:cover;width:100%}.t1{background-image:url(/static/media/Tanya.14f26b42f1a4ab32b628.jpg);background-position:top;background-size:cover}.teacher-card h3{color:var(--text-primary-light);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-8);text-align:center}[data-theme=cyberpunk] .teacher-card,[data-theme=dark] .teacher-card h3,[data-theme=galactic] .teacher-card,[data-theme=galactic] .teacher-card h3{color:var(--text-primary-dark)}.subject{color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-16);text-align:center}.subject,.teacher-bio{font-size:var(--font-size-base)}.teacher-bio{color:var(--text-primary-light);line-height:var(--line-height-normal);margin-bottom:var(--space-20)}[data-theme=cyberpunk] .teacher-bio,[data-theme=dark] .teacher-bio,[data-theme=galactic] .teacher-bio{color:var(--text-primary-dark)}.teacher-specs{background:rgba(var(--color-teal-500-rgb),.05);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-16)}.teacher-specs p{color:var(--text-primary-light);font-size:var(--font-size-sm);margin:var(--space-8) 0}[data-theme=cyberpunk] .teacher-specs p,[data-theme=dark] .teacher-specs p,[data-theme=galactic] .teacher-specs p{color:var(--text-primary-dark)}.photo-gallery{margin:var(--space-40) 0}.photo-gallery h2{color:var(--text-primary-light);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-32);text-align:center}[data-theme=cyberpunk] .photo-gallery h2,[data-theme=dark] .photo-gallery h2,[data-theme=galactic] .photo-gallery h2{color:var(--text-primary-dark)}.gallery-grid{grid-gap:var(--space-16);display:grid;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-16)}.gallery-item{aspect-ratio:4/3;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard)}[data-theme=cyberpunk] .gallery-item,[data-theme=dark] .gallery-item,[data-theme=galactic] .gallery-item{border-color:var(--border-dark)}.gallery-item:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.gallery-item img{display:block;height:100%;object-fit:cover;width:100%}.gallery-note{color:var(--text-secondary-light);font-size:var(--font-size-sm);font-style:italic;margin-top:var(--space-16);text-align:center}[data-theme=cyberpunk] .gallery-note,[data-theme=dark] .gallery-note,[data-theme=galactic] .gallery-note{color:var(--text-secondary-dark)}.mission-statement{background:var(--card-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--space-32) 0;padding:var(--space-32) var(--space-24);text-align:center}[data-theme=cyberpunk] .mission-statement,[data-theme=dark] .mission-statement,[data-theme=galactic] .mission-statement{background:var(--card-dark);border-color:var(--border-dark)}.mission-statement h2{color:var(--text-primary-light);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-20)}[data-theme=cyberpunk] .mission-statement,[data-theme=dark] .mission-statement h2,[data-theme=galactic] .mission-statement h2{color:var(--text-primary-dark)}.mission-statement p{color:var(--text-primary-light);font-size:var(--font-size-lg);line-height:var(--line-height-normal);margin:0 auto;max-width:800px}[data-theme=cyberpunk] .mission-statement,[data-theme=dark] .mission-statement p,[data-theme=galactic] .mission-statement p{color:var(--text-primary-dark)}[data-theme=cyberpunk] .main-teacher,[data-theme=cyberpunk] .mission-statement,[data-theme=cyberpunk] .teacher-card,[data-theme=galactic] .main-teacher,[data-theme=galactic] .mission-statement,[data-theme=galactic] .teacher-card{border:2px solid var(--color-primary);box-shadow:0 0 20px #00ffff4d}[data-theme=cyberpunk] .main-teacher,[data-theme=cyberpunk] .mission-statement:hover,[data-theme=cyberpunk] .teacher-card,[data-theme=galactic] .main-teacher:hover,[data-theme=galactic] .mission-statement:hover,[data-theme=galactic] .teacher-card:hover{border-color:#f0f;box-shadow:0 0 30px #0ff9,0 0 40px #ff00ff4d}[data-theme=cyberpunk] .faculty-photo,[data-theme=cyberpunk] .photo-placeholder,[data-theme=galactic] .faculty-photo,[data-theme=galactic] .photo-placeholder{box-shadow:0 0 15px #0ff6}[data-theme=cyberpunk] .gallery-item:hover,[data-theme=galactic] .gallery-item:hover{box-shadow:0 0 25px #00ffff80}@media (max-width:768px){.about-page{padding:var(--space-16)}.about-header h1{font-size:var(--font-size-3xl)}.tagline{font-size:var(--font-size-base)}.teacher-profile{flex-direction:column;gap:var(--space-24)}.photo-placeholder{height:150px;width:150px}.main-teacher{cursor:pointer}.mobile-hidden{display:none}.specialization.expanded{display:block}.teacher-cards{gap:var(--space-20);grid-template-columns:1fr}.teacher-card{cursor:pointer;padding:var(--space-20);text-align:center}.teacher-details{display:none}.teacher-card.expanded .teacher-details{display:block;margin-top:var(--space-16)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.mission-statement{padding:var(--space-24) var(--space-20)}}@media (min-width:769px){.mobile-hidden,.teacher-details{display:block!important}.main-teacher,.teacher-card{cursor:auto}}@media (max-width:480px){.about-header h1{font-size:var(--font-size-2xl)}.main-teacher{padding:var(--space-24)}.main-teacher h2{font-size:var(--font-size-2xl)}.title{font-size:var(--font-size-lg)}.bio{font-size:var(--font-size-sm)}.teacher-card{padding:var(--space-16)}.faculty-photo{height:100px;width:100px}.teacher-card h3{font-size:var(--font-size-lg)}.gallery-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.about-page,.faculty-photo,.gallery-item,.main-teacher,.photo-placeholder,.teacher-card{transition:none}.gallery-item:hover,.teacher-card:hover{transform:none}}.courses-page{background:var(--bg-light);color:var(--text-primary-light);margin:0 auto;min-height:80vh;padding:var(--space-32) var(--space-16);transition:all var(--duration-normal) var(--ease-standard)}[data-theme=cyberpunk] .courses-page,[data-theme=dark] .courses-page,[data-theme=galactic] .courses-page{background:var(--bg-dark);color:var(--text-primary-dark)}[data-theme=forest] .courses-page,[data-theme=ocean] .courses-page,[data-theme=purple] .courses-page,[data-theme=sunset] .courses-page{background:var(--bg-light);color:var(--text-primary-light)}.courses-header{margin-bottom:var(--space-32);text-align:center}.courses-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;font-size:clamp(var(--font-size-3xl),4vw,var(--font-size-4xl));font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-16);padding-top:100px}.subtitle{color:var(--text-secondary-light);font-size:var(--font-size-lg);line-height:var(--line-height-normal);margin-bottom:var(--space-32)}[data-theme=cyberpunk] .subtitle,[data-theme=dark] .subtitle,[data-theme=galactic] .subtitle{color:var(--text-secondary-dark)}.grade-tabs{background:var(--card-light);border:1px solid var(--border-light);border-radius:var(--radius-full);box-shadow:var(--shadow-md);display:inline-flex;gap:var(--space-8);padding:var(--space-8)}[data-theme=cyberpunk] .grade-tabs,[data-theme=dark] .grade-tabs,[data-theme=galactic] .grade-tabs{background:var(--card-dark);border-color:var(--border-dark)}.tab-button{background:none;border:none;border-radius:var(--radius-full);color:var(--text-secondary-light);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-12) var(--space-24);transition:all var(--duration-normal) var(--ease-standard)}[data-theme=cyberpunk] .tab-button,[data-theme=dark] .tab-button,[data-theme=galactic] .tab-button{color:var(--text-secondary-dark)}.tab-button.active{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));box-shadow:var(--shadow-lg);color:var(--color-btn-primary-text)}.tab-button:hover:not(.active){background:var(--surface-light);color:var(--text-primary-light)}[data-theme=cyberpunk] .tab-button:hover:not(.active),[data-theme=dark] .tab-button:hover:not(.active),[data-theme=galactic] .tab-button:hover:not(.active){background:var(--surface-dark);color:var(--text-primary-dark)}.course-cards{grid-gap:var(--space-24);display:grid;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:var(--space-32) auto;max-width:1000px}.course-card{align-items:center;background:var(--card-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;min-height:120px;overflow:hidden;padding:var(--space-32) var(--space-24);position:relative;transition:all var(--duration-normal) var(--ease-standard)}[data-theme=cyberpunk] .course-card,[data-theme=dark] .course-card,[data-theme=galactic] .course-card{background:var(--card-dark);border-color:var(--border-dark)}.course-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.course-card.expanded{align-items:flex-start;min-height:200px}.card-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-16);text-align:center;width:100%}.subject-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-8)}.course-card h3{color:var(--text-primary-light);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}[data-theme=cyberpunk] .course-card,[data-theme=dark] .course-card h3,[data-theme=galactic] .course-card h3{color:var(--text-primary-dark)}.subjects-details{animation:slideDown .3s ease-out;margin-top:var(--space-16);width:100%}.subjects-list{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center}.subject-tag{background:rgba(var(--color-teal-500-rgb),.1);border:1px solid rgba(var(--color-teal-500-rgb),.2);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-6) var(--space-12);transition:all var(--duration-normal) var(--ease-standard)}.subject-tag:hover{background:rgba(var(--color-teal-500-rgb),.2);transform:translateY(-2px)}.expand-indicator{color:var(--color-primary);font-size:var(--font-size-base);margin-top:var(--space-8);transition:transform var(--duration-normal) var(--ease-standard)}.course-card.expanded .expand-indicator{transform:rotate(180deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=cyberpunk] .course-card,[data-theme=galactic] .course-card{border:2px solid var(--color-primary);box-shadow:0 0 20px #00ffff4d}[data-theme=cyberpunk] .course-card:hover,[data-theme=galactic] .course-card:hover{border-color:#f0f;box-shadow:0 0 30px #0ff9,0 0 40px #ff00ff4d}[data-theme=cyberpunk] .tab-button.active,[data-theme=galactic] .tab-button.active{box-shadow:0 0 20px var(--color-primary),0 0 30px #f0f;text-shadow:0 0 10px var(--color-primary)}[data-theme=cyberpunk] .subject-tag,[data-theme=galactic] .subject-tag{box-shadow:0 0 10px #00ffff4d;text-shadow:0 0 5px var(--color-primary)}@media (max-width:1024px){.course-cards{grid-template-columns:repeat(2,1fr);max-width:600px}}@media (max-width:768px){.courses-page{padding:var(--space-24) var(--space-16)}.course-cards{gap:var(--space-16);grid-template-columns:1fr;max-width:400px}.course-card{min-height:100px;padding:var(--space-24) var(--space-16)}.course-card.expanded{min-height:180px}.subject-icon{font-size:var(--font-size-3xl)}.course-card h3{font-size:var(--font-size-lg)}.subject-tag{font-size:var(--font-size-xs);padding:var(--space-4) var(--space-8)}}@media (max-width:480px){.grade-tabs{border-radius:var(--radius-lg);flex-direction:column;max-width:250px;width:100%}.tab-button{margin:var(--space-2) 0;width:100%}.courses-page{padding:var(--space-20) var(--space-8)}.course-card{padding:var(--space-20) var(--space-16)}.subject-icon{font-size:var(--font-size-2xl)}.subjects-list{gap:var(--space-4)}.subject-tag{font-size:var(--font-size-xs);padding:var(--space-4) var(--space-6)}}.course-cards:has(.course-card:nth-child(3):last-child){grid-template-columns:repeat(3,1fr);max-width:900px}@media (max-width:768px){.course-cards:has(.course-card:nth-child(3):last-child){grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.course-cards:has(.course-card:nth-child(3):last-child){grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.course-card,.courses-page,.subject-tag,.tab-button{transition:none}.course-card:hover,.subject-tag:hover{transform:none}@keyframes slideDown{0%,to{opacity:1;transform:translateY(0)}}}.contact-page{align-items:center;background:var(--bg-light);color:var(--text-primary-light);display:flex;justify-content:center;min-height:80vh;padding:var(--space-32);transition:all var(--duration-normal) var(--ease-standard)}[data-theme=dark] .contact-page{background:var(--bg-dark);color:var(--text-primary-dark)}[data-theme=forest] .contact-page,[data-theme=ocean] .contact-page,[data-theme=purple] .contact-page,[data-theme=sunset] .contact-page{background:var(--bg-light);color:var(--text-primary-light)}[data-theme=cyberpunk] .contact-page,[data-theme=galactic] .contact-page{background:var(--bg-dark);color:var(--text-primary-dark)}.contact-container{background:var(--card-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:800px;padding:var(--space-32) var(--space-24);text-align:center;width:100%}[data-theme=dark] .contact-container{background:var(--card-dark);border-color:var(--border-dark)}[data-theme=forest] .contact-container,[data-theme=ocean] .contact-container,[data-theme=purple] .contact-container,[data-theme=sunset] .contact-container{background:var(--card-light);border-color:var(--border-light)}[data-theme=cyberpunk] .contact-container,[data-theme=galactic] .contact-container{background:var(--card-dark);border-color:var(--border-dark)}.contact-container h1{color:var(--text-primary-light);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-16);margin-top:50px}[data-theme=cyberpunk] .contact-container,[data-theme=dark] .contact-container h1,[data-theme=galactic] .contact-container h1{color:var(--text-primary-dark)}.contact-subtitle{color:var(--text-secondary-light);font-size:var(--font-size-lg);line-height:var(--line-height-normal);margin-bottom:var(--space-32)}[data-theme=cyberpunk] .contact-subtitle,[data-theme=dark] .contact-subtitle,[data-theme=galactic] .contact-subtitle{color:var(--text-secondary-dark)}.contact-info{grid-gap:var(--space-24);display:grid;gap:var(--space-24);grid-template-columns:1fr;margin-bottom:var(--space-32)}@media (min-width:768px){.contact-info{grid-template-columns:repeat(2,1fr)}}.contact-card{background:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-24);transition:all var(--duration-normal) var(--ease-standard)}[data-theme=dark] .contact-card{background:var(--bg-dark);border-color:var(--border-dark)}[data-theme=forest] .contact-card,[data-theme=ocean] .contact-card,[data-theme=purple] .contact-card,[data-theme=sunset] .contact-card{background:var(--bg-light);border-color:var(--border-light)}[data-theme=cyberpunk] .contact-card,[data-theme=galactic] .contact-card{background:var(--bg-dark);border-color:var(--border-dark)}.contact-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.contact-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-16)}.contact-card h2{color:var(--text-primary-light);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-16)}[data-theme=cyberpunk] .contact-card,[data-theme=dark] .contact-card h2,[data-theme=galactic] .contact-card h2{color:var(--text-primary-dark)}.contact-card p{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0}.contact-note{background:var(--bg-light);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-20)}[data-theme=dark] .contact-note{background:var(--bg-dark)}[data-theme=forest] .contact-note,[data-theme=ocean] .contact-note,[data-theme=purple] .contact-note,[data-theme=sunset] .contact-note{background:var(--bg-light)}[data-theme=cyberpunk] .contact-note,[data-theme=galactic] .contact-note{background:var(--bg-dark)}.contact-note p{color:var(--text-primary-light);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}[data-theme=cyberpunk] .contact-note,[data-theme=dark] .contact-note p,[data-theme=galactic] .contact-note p{color:var(--text-primary-dark)}[data-theme=cyberpunk] .contact-card,[data-theme=galactic] .contact-card{border:2px solid var(--color-primary);box-shadow:0 0 20px #00ffff4d}[data-theme=cyberpunk] .contact-card:hover,[data-theme=galactic] .contact-card:hover{border-color:#f0f;box-shadow:0 0 30px #0ff9,0 0 40px #ff00ff4d}[data-theme=cyberpunk] .contact-card,[data-theme=galactic] .contact-card p{text-shadow:0 0 10px var(--color-primary)}[data-theme=cyberpunk] .contact-note,[data-theme=galactic] .contact-note{border-left:4px solid #f0f;box-shadow:0 0 15px #f0f3}[data-theme=ocean] .contact-card:hover{border-color:var(--color-primary);box-shadow:0 8px 25px #0369a133}[data-theme=forest] .contact-card:hover{border-color:var(--color-primary);box-shadow:0 8px 25px #15803d33}[data-theme=sunset] .contact-card:hover{border-color:var(--color-primary);box-shadow:0 8px 25px #ea580c33}[data-theme=purple] .contact-card:hover{border-color:var(--color-primary);box-shadow:0 8px 25px #7c3aed33}@media (max-width:480px){.contact-page{min-height:70vh;padding:var(--space-16)}.contact-container{padding:var(--space-20) var(--space-16)}.contact-container h1{font-size:var(--font-size-3xl)}.contact-subtitle{font-size:var(--font-size-base)}.contact-card{padding:var(--space-20)}.contact-card h2{font-size:var(--font-size-lg)}.contact-card p{font-size:var(--font-size-base)}.contact-icon{font-size:var(--font-size-3xl)}.contact-note{padding:var(--space-16)}.contact-note p{font-size:var(--font-size-sm)}}@media (max-width:768px) and (min-width:481px){.contact-page{padding:var(--space-24)}.contact-container{padding:var(--space-28) var(--space-20)}}@media (prefers-reduced-motion:reduce){.contact-card,.contact-page{transition:none}.contact-card:hover{transform:none}}.contact-card:focus-within{outline:var(--focus-outline);outline-offset:var(--space-2)}:root{--admin-bg:#0f172a;--admin-sidebar:#1e293bb3;--admin-card:#1e293b80;--admin-accent:#3b82f6;--admin-accent-glow:#3b82f666;--admin-text-primary:#f8fafc;--admin-text-secondary:#94a3b8;--admin-border:#ffffff1a;--admin-glass-bg:#ffffff08;--admin-glass-border:#ffffff0d;--admin-success:#10b981;--admin-warning:#f59e0b;--admin-danger:#ef4444}.admin-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff08;background:var(--admin-glass-bg);border:1px solid #ffffff0d;border:1px solid var(--admin-glass-border);border-radius:16px}.admin-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text}.admin-sidebar-link{align-items:center;border-radius:12px;color:#94a3b8;color:var(--admin-text-secondary);display:flex;font-weight:500;margin-bottom:4px;padding:12px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-sidebar-link:hover{background:#ffffff08;background:var(--admin-glass-bg);color:#f8fafc;color:var(--admin-text-primary);transform:translateX(4px)}.admin-sidebar-link.active{background:#3b82f6;background:var(--admin-accent);box-shadow:0 4px 15px #3b82f666;box-shadow:0 4px 15px var(--admin-accent-glow);color:#fff}.admin-stat-card{padding:24px;transition:transform .3s ease,border-color .3s ease}.admin-stat-card:hover{border-color:#3b82f6;border-color:var(--admin-accent);transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s forwards}.maintenance-container{align-items:center;background:var(--color-background);color:var(--color-text);display:flex;font-family:var(--font-family-base);justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-24);position:relative;transition:background var(--duration-normal) var(--ease-standard);width:100%}.ambient-glow{border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;position:absolute;z-index:1}.glow-1{animation:floatGlow 15s ease-in-out infinite alternate;background:var(--color-primary);height:500px;left:-10%;top:-10%;width:500px}.glow-2{animation:floatGlow 20s ease-in-out infinite alternate-reverse;background:#32b8c6;background:var(--color-teal-300,#32b8c6);bottom:-20%;height:600px;right:-10%;width:600px}@keyframes floatGlow{0%{transform:translate(0) scale(1)}to{transform:translate(50px,30px) scale(1.1)}}.tech-grid{background-image:linear-gradient(rgba(var(--color-slate-500-rgb),.05) 1px,#0000 1px),linear-gradient(90deg,rgba(var(--color-slate-500-rgb),.05) 1px,#0000 1px);background-position:50%;background-size:40px 40px;inset:0;-webkit-mask-image:radial-gradient(circle at center,#000,#0000 80%);mask-image:radial-gradient(circle at center,#000,#0000 80%);pointer-events:none;position:absolute;z-index:1}.maintenance-card{align-items:center;animation:cardEntrance .8s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#fff9;border:1px solid var(--color-card-border);border-radius:24px;box-shadow:0 4px 30px #00000008,inset 0 1px 0 #fff6;display:flex;flex-direction:column;max-width:580px;padding:var(--space-32) var(--space-32) var(--space-24) var(--space-32);position:relative;text-align:center;width:100%;z-index:2}[data-color-scheme=dark] .maintenance-card,[data-theme=dark] .maintenance-card{background:#26282899;border-color:#ffffff14;box-shadow:0 10px 40px #0000004d,inset 0 1px 0 #ffffff0d}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-badge{align-items:center;background:#21808d14;border:1px solid #21808d26;border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-8);margin-bottom:var(--space-24);padding:var(--space-6) var(--space-16)}.status-dot{animation:pulseDot 2s ease-in-out infinite;background-color:var(--color-primary);border-radius:50%;box-shadow:0 0 12px var(--color-primary);height:8px;width:8px}@keyframes pulseDot{0%,to{box-shadow:0 0 4px var(--color-primary);opacity:1;transform:scale(1)}50%{box-shadow:0 0 12px var(--color-primary);opacity:.7;transform:scale(1.3)}}.maintenance-visual{align-items:center;display:flex;height:140px;justify-content:center;margin-bottom:var(--space-20);width:140px}.maintenance-svg{height:100%;overflow:visible;width:100%}.orbit-outer{animation:rotateClockwise 25s linear infinite;transform-origin:center}.orbit-inner{animation:rotateCounterClockwise 20s linear infinite;transform-origin:center}.core-pulse{animation:pulseCore 3s ease-in-out infinite;transform-origin:center}@keyframes rotateClockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateCounterClockwise{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes pulseCore{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.maintenance-title{color:var(--color-text);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--space-12)}.maintenance-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--space-32);max-width:440px}.progress-container{margin-bottom:var(--space-32);max-width:320px;width:100%}.progress-track{background:#626c711a;height:6px;margin-bottom:var(--space-8);overflow:hidden}.progress-bar,.progress-track{border-radius:var(--radius-full);width:100%}.progress-bar{animation:loadingProgress 3s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(90deg,var(--color-primary),#32b8c6);background:linear-gradient(90deg,var(--color-primary),var(--color-teal-300,#32b8c6));height:100%;transform-origin:left}@keyframes loadingProgress{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}.progress-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.maintenance-footer{border-top:1px solid var(--color-card-border);padding-top:var(--space-20);width:100%}.footer-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-12)}.footer-actions{display:flex;justify-content:center}.footer-actions .btn{align-items:center;box-shadow:0 4px 12px #21808d33;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;text-decoration:none;transition:all var(--duration-normal) var(--ease-standard)}.footer-actions .btn:hover{box-shadow:0 6px 16px #21808d59;transform:translateY(-2px)}@media (max-width:600px){.maintenance-card{padding:var(--space-24) var(--space-20)}.maintenance-title{font-size:var(--font-size-3xl)}.maintenance-description{font-size:var(--font-size-base)}}body,html{height:100%;margin:0;padding:0}.app{background:var(--bg-light);color:var(--text-primary-light);min-height:100vh;transition:background .3s ease,color .3s ease}[data-theme=dark] .app{background:var(--bg-dark);color:var(--text-primary-dark)}[data-theme=forest] .app,[data-theme=ocean] .app,[data-theme=purple] .app,[data-theme=sunset] .app{background:var(--bg-light);color:var(--text-primary-light)}[data-theme=cyberpunk] .app,[data-theme=galactic] .app{background:var(--bg-dark);color:var(--text-primary-dark);font-family:Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:var(--navbar-height)}.main-content{margin-top:0}.about-page,.contact-page,.courses-page,.ebi-homepage-pro,.fees-page,.notes-page{padding-top:var(--navbar-height)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0}
/*# sourceMappingURL=main.ca5c7683.css.map*/