:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-dark-mode: #818cf8;--color-secondary: #06b6d4;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-surface: #f1f5f9;--color-surface-dark: #1e293b;--color-surface-dark-secondary: #334155;--color-background: #ffffff;--color-background-dark: #0f172a;--color-text: #0f172a;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-text-dark: #f1f5f9;--color-text-secondary-dark: #cbd5e1;--color-text-tertiary-dark: #94a3b8;--color-border: #e2e8f0;--color-border-dark: #334155;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}html[data-theme=dark]{--color-primary: #818cf8;--color-primary-light: #a5b4fc;--color-primary-dark: #6366f1;--color-surface: #1e293b;--color-surface-dark: #0f172a;--color-surface-dark-secondary: #1e293b;--color-background: #0f172a;--color-background-dark: #020617;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-border: #334155;--color-border-dark: #1e293b}@tailwind base;@tailwind components;@tailwind utilities;@layer base{*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;width:100%}body{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-secondary: #06b6d4;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-background: #ffffff;--color-surface: #f8fafc;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-border: #e2e8f0;--color-primary-dark-mode: #818cf8;--color-background-dark: #0f172a;--color-surface-dark: #1e293b;--color-surface-dark-secondary: #334155;--color-text-dark: #f1f5f9;--color-text-secondary-dark: #cbd5e1;--color-text-tertiary-dark: #94a3b8;--color-border-dark: #334155;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}html[data-theme=dark]{color-scheme:dark;--color-primary: #818cf8;--color-primary-light: #a5b4fc;--color-primary-dark: #6366f1;--color-secondary: #06b6d4;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-background: #0f172a;--color-surface: #1e293b;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-border: #334155;--color-primary-dark-mode: #818cf8;--color-background-dark: #0f172a;--color-surface-dark: #1e293b;--color-surface-dark-secondary: #334155;--color-text-dark: #f1f5f9;--color-text-secondary-dark: #cbd5e1;--color-text-tertiary-dark: #94a3b8;--color-border-dark: #334155}html[dir=rtl]{direction:rtl}body{@apply bg-background text-text transition-colors duration-200;font-family:Heebo,Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.3px;overflow-x:hidden}html[data-theme=dark] body{@apply bg-background-dark text-text-dark;}}@layer components{.btn-primary{@apply px-6 py-3 bg-gradient-to-r from-primary to-primary-dark text-white rounded-xl font-bold hover:shadow-2xl transition-all duration-300 hover:-translate-y-1 text-base letter-spacing;}.btn-secondary{@apply px-6 py-3 bg-surface text-primary rounded-xl font-bold border-2 border-border transition-all duration-300 hover:bg-surface-secondary hover:border-primary-light;}html[data-theme=dark] .btn-secondary{@apply bg-surface-dark text-primary-dark-mode border-border-dark hover:bg-surface-dark-secondary hover:border-primary-dark-mode;}.card{@apply bg-surface rounded-2xl shadow-lg transition-all duration-300 hover:shadow-2xl hover:-translate-y-2 border border-border;display:flex;flex-direction:column;position:relative}html[data-theme=dark] .card{@apply bg-surface-dark border-border-dark;}.card-elevated{@apply card shadow-xl;position:relative}.container-max-w{@apply max-w-6xl mx-auto;}.gradient-primary{@apply bg-gradient-to-r from-primary via-primary-light to-secondary;}.badge{@apply inline-flex items-center px-3 py-1 rounded-full text-sm font-semibold;}.badge-primary{@apply badge bg-primary/10 text-primary;}html[data-theme=dark] .badge-primary{@apply bg-primary-dark-mode/10 text-primary-dark-mode;}.badge-success{@apply badge bg-success/10 text-success;}.badge-warning{@apply badge bg-warning/10 text-warning;}.badge-error{@apply badge bg-error/10 text-error;}.badge-info{@apply badge bg-info/10 text-info;}html[data-theme=dark] .bg-surface{background-color:#1e293b!important;color:#f1f5f9!important}html[data-theme=dark] .border-border{border-color:#334155!important}html[data-theme=dark] .text-text{color:#f1f5f9!important}.progress-bar{@apply w-full h-1.5 bg-surface rounded-full overflow-hidden;}html[data-theme=dark] .progress-bar{@apply bg-surface-dark-secondary;}.progress-fill{@apply h-full bg-gradient-to-r from-primary to-secondary rounded-full transition-all duration-300;}main,[role=main],academy-container{width:100%;max-width:100%;overflow-x:hidden}img,video,iframe,embed,object{max-width:100%;height:auto;display:block}p,h1,h2,h3,h4,h5,h6,span,div{word-wrap:break-word;overflow-wrap:break-word}[role=grid],[display=grid],[display=flex]{width:100%;max-width:100%}}:root{--mdc-theme-primary: var(--color-primary);--mdc-theme-on-primary: #ffffff;--mdc-theme-secondary: var(--color-secondary);--mdc-theme-on-secondary: #ffffff;--mdc-theme-error: var(--color-error);--mdc-theme-on-error: #ffffff;--mdc-theme-success: var(--color-success);--mdc-theme-on-success: #ffffff;--mdc-theme-warning: var(--color-warning);--mdc-theme-on-warning: #ffffff;--mdc-theme-info: var(--color-info);--mdc-theme-on-info: #ffffff;--mdc-theme-surface: var(--color-surface);--mdc-theme-on-surface: var(--color-text);--mdc-theme-background: var(--color-background);--mdc-theme-on-background: var(--color-text);--mdc-theme-outline: var(--color-border);--mdc-theme-outline-variant: #cbd5e1;--mdc-theme-text-primary-on-background: var(--color-text);--mdc-theme-text-secondary-on-background: var(--color-text-secondary);--mdc-text-field-filled-background-color: var(--color-background);--mdc-text-field-label-text-color: var(--color-text-secondary);--mdc-text-field-input-text-color: var(--color-text);--mdc-text-field-hover-supported-input-text-color: var(--color-text);--mdc-text-field-focused-label-text-color: var(--color-primary);--mdc-text-field-focused-input-text-color: var(--color-text);--mdc-notched-outline-leading-width: 12px;--mdc-notched-outline-trailing-width: 100%;--mdc-notched-outline-leading-border-radius: 4px 0 0 4px;--mdc-notched-outline-trailing-border-radius: 0 4px 4px 0;--mat-form-field-outline-color: var(--color-border);--mat-form-field-focus-outline-color: var(--color-primary);--mat-form-field-error-text-color: var(--color-error);--mat-form-field-label-text-color: var(--color-text-secondary);--mat-form-field-focus-label-text-color: var(--color-primary);--mat-input-text-color: var(--color-text);--mat-input-disabled-text-color: rgba(0, 0, 0, .38);--mat-input-placeholder-text-color: var(--color-text-secondary);--mat-form-field-disabled-outline-color: rgba(0, 0, 0, .12);--mat-form-field-disabled-label-text-color: rgba(0, 0, 0, .38);--mat-form-field-focus-outline-width: 2px}html[data-theme=dark]{--mdc-theme-primary: var(--color-primary);--mdc-theme-on-primary: #ffffff;--mdc-theme-secondary: var(--color-secondary);--mdc-theme-on-secondary: #000000;--mdc-theme-error: var(--color-error);--mdc-theme-on-error: #ffffff;--mdc-theme-success: var(--color-success);--mdc-theme-on-success: #ffffff;--mdc-theme-warning: var(--color-warning);--mdc-theme-on-warning: #000000;--mdc-theme-info: var(--color-info);--mdc-theme-on-info: #ffffff;--mdc-theme-surface: var(--color-surface);--mdc-theme-on-surface: var(--color-text);--mdc-theme-background: var(--color-background);--mdc-theme-on-background: var(--color-text);--mdc-theme-outline: var(--color-border);--mdc-theme-outline-variant: var(--color-text-secondary);--mdc-theme-text-primary-on-background: var(--color-text);--mdc-theme-text-secondary-on-background: var(--color-text-secondary);--mdc-text-field-filled-background-color: var(--color-surface);--mdc-text-field-label-text-color: var(--color-text-secondary);--mdc-text-field-input-text-color: var(--color-text);--mdc-text-field-hover-supported-input-text-color: var(--color-text);--mdc-text-field-focused-label-text-color: var(--color-primary);--mdc-text-field-focused-input-text-color: var(--color-text);--mat-form-field-outline-color: var(--color-border);--mat-form-field-focus-outline-color: var(--color-primary);--mat-form-field-error-text-color: var(--color-error);--mat-form-field-label-text-color: var(--color-text-secondary);--mat-form-field-focus-label-text-color: var(--color-primary);--mat-input-text-color: var(--color-text);--mat-input-disabled-text-color: rgba(255, 255, 255, .38);--mat-input-placeholder-text-color: var(--color-text-secondary);--mat-form-field-disabled-outline-color: rgba(255, 255, 255, .12);--mat-form-field-disabled-label-text-color: rgba(255, 255, 255, .38)}html[dir=rtl]{direction:rtl}html[dir=rtl] mat-form-field{direction:rtl}mat-form-field{width:100%}.mat-mdc-form-field .mdc-text-field,html[data-theme=dark] .mat-mdc-form-field .mdc-text-field{background-color:var(--color-surface)!important}.mat-mdc-form-field .mdc-floating-label{color:var(--color-text-secondary)!important}.mat-mdc-form-field.mat-focused .mdc-floating-label{color:var(--color-primary)!important}.mat-mdc-form-field.mat-form-field-invalid .mat-mdc-form-field-error{color:var(--color-error)}.mat-mdc-form-field-hint,html[data-theme=dark] .mat-mdc-form-field-hint{color:var(--color-text-secondary)}@font-face{font-family:Alef;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/alef/v24/FeVfS0NQpLYgnjdRCqFx.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Alef;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/alef/v24/FeVfS0NQpLYgnjVRCg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alef;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/alef/v24/FeVQS0NQpLYglo50H5xQ2Ixi.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Alef;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/alef/v24/FeVQS0NQpLYglo50H55Q2A.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body,*{font-family:Alef,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{font-size:16px}body{font-size:1rem;line-height:1.6;letter-spacing:.3px}html{scroll-behavior:smooth;background-color:#fff}html[data-theme=dark]{background-color:#0f172a}body{background-color:var(--color-background, #ffffff);color:var(--color-text, #0f172a);transition:background-color .3s ease,color .3s ease;margin:0;padding:0}html[data-theme=dark] body{background-color:var(--color-background, #0f172a);color:var(--color-text, #f1f5f9)}button{cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}input,textarea,select{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border);transition:background-color .3s ease,color .3s ease}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #6366f11a,0 0 0 1px #6366f180}html[data-theme=dark] input:focus,html[data-theme=dark] textarea:focus,html[data-theme=dark] select:focus{box-shadow:0 0 0 3px #818cf81a,0 0 0 1px #818cf880}::selection{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}html[data-theme=dark] ::selection{background:linear-gradient(135deg,var(--color-primary-dark-mode),var(--color-secondary))}::placeholder{color:var(--color-text-secondary)}html[data-theme=dark] ::placeholder{color:var(--color-text-secondary-dark)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}html[data-theme=dark] :focus-visible{outline-color:var(--color-primary-dark-mode)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface);border-radius:10px}html[data-theme=dark] ::-webkit-scrollbar-track{background:var(--color-surface-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:10px;border:3px solid var(--color-surface)}::-webkit-scrollbar-thumb:hover{border-color:var(--color-surface);background:linear-gradient(180deg,var(--color-primary-dark),var(--color-secondary))}html[data-theme=dark] ::-webkit-scrollbar-thumb{border-color:var(--color-surface-dark);background:linear-gradient(180deg,var(--color-primary-dark-mode),var(--color-secondary))}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{border-color:var(--color-surface-dark);background:linear-gradient(180deg,var(--color-primary-dark-mode),var(--color-secondary))}h1,h2,h3,h4,h5,h6{color:#1a1a1a}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] h5,html[data-theme=dark] h6{color:#f1f5f9}main,.main-content{background-color:#fff;color:#1a1a1a}html[data-theme=dark] main,html[data-theme=dark] .main-content{background-color:#0f172a;color:#f1f5f9}academy-card{--card-bg: #f8fafc;--card-border: #e2e8f0;--card-text: #1a1a1a;background-color:#f8fafc}academy-card>div{background-color:#f8fafc;border-color:#e2e8f0;color:#1a1a1a}academy-card[variant=elevated],.card-elevated{height:100%;box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a}html[data-theme=dark] academy-card[variant=elevated],html[data-theme=dark] .card-elevated{box-shadow:0 4px 20px #0000004d,0 2px 8px #00000026}html[data-theme=dark] academy-card{--card-bg: #1e293b;--card-border: #334155;--card-text: #f1f5f9}html[data-theme=dark] academy-card{background-color:#1e293b}html[data-theme=dark] academy-card>div{background-color:#1e293b;border-color:#334155;color:#f1f5f9}