.home-page{flex-direction:column;gap:18px;display:flex}.home-hero{padding:22px 18px;position:relative;overflow:hidden}.home-hero:before{content:"";background:radial-gradient(circle,#ec489947,#0000 65%);width:220px;height:220px;animation:6s ease-in-out infinite heroOrb;position:absolute;top:-60px;right:-60px}.home-hero:after{content:"";background:radial-gradient(circle,#10b9812e,#0000 65%);width:180px;height:180px;animation:8s ease-in-out infinite reverse heroOrb;position:absolute;bottom:-70px;left:-40px}.home-badge{color:#d8b4fe;letter-spacing:.08em;background:#7c3aed33;border-radius:999px;margin-bottom:14px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-block}.home-title{z-index:1;margin-bottom:10px;position:relative}.home-subtitle{z-index:1;margin:0 0 18px;line-height:1.6;position:relative}.home-actions{z-index:1;gap:12px;display:grid;position:relative}.home-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.home-stat-card{min-height:130px;padding:16px}.home-stat-card h3{margin:8px 0 6px;font-size:22px}.home-stat-card span{color:#ffffffb8;font-size:13px}.home-banner{justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.pulse-card{animation:3s ease-in-out infinite pulseGlow}.float-card{animation:4s ease-in-out infinite softFloat}@keyframes heroOrb{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(10px)scale(1.08)}}@keyframes pulseGlow{0%,to{box-shadow:0 10px 30px #a855f714}50%{box-shadow:0 10px 36px #ec489938}}@keyframes softFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.home-footer{text-align:center;opacity:.7;letter-spacing:.5px;margin-top:30px;font-size:13px}.home-footer span{color:#60a5fa;font-weight:600}.courses-page{flex-direction:column;gap:16px;display:flex}.courses-header{padding:20px 18px}.courses-list{gap:12px;display:grid}.courses-item{text-align:left;color:#fff;border:none;justify-content:space-between;align-items:center;padding:18px;display:flex}.courses-item h3{margin:0 0 6px;font-size:18px}.courses-item p{color:#ffffffb8;margin:0}.courses-item.locked{opacity:.55}.soon-badge{background:#ffffff14;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.courses-search-wrap{margin-top:16px}.courses-search-input{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:all .25s}.courses-search-input::placeholder{color:#ffffff80}.courses-search-input:focus{border-color:#a855f7cc;box-shadow:0 0 0 3px #a855f726}.courses-empty{text-align:center;color:#ffffffbf;padding:18px}.practice-page{flex-direction:column;gap:16px;display:flex}.practice-header,.practice-question,.practice-explanation,.practice-empty{padding:18px}.practice-question h3{margin:10px 0 0;line-height:1.5}.practice-options{gap:12px;display:grid}.practice-option{color:#fff;text-align:left;background:#111827b3;border:1px solid #ffffff14;border-radius:18px;padding:15px 16px}.practice-option.correct{background:linear-gradient(135deg,#10b98147,#06b6d438)}.practice-option.wrong{background:linear-gradient(135deg,#ef444438,#f43f5e2e)}.practice-actions{gap:12px;display:flex}.practice-actions button{flex:1}.palette{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.palette-btn{color:#fff;background:#ffffff14;border:none;border-radius:14px;height:42px;font-weight:800;transition:all .25s}.palette-btn.answered{background:linear-gradient(135deg,#7c3aed,#ec4899)}.palette-btn.active{outline:2px solid #22c55e;transform:scale(1.05)}.exam-page{flex-direction:column;gap:16px;display:flex}.exam-header,.exam-question{padding:18px}.exam-header{justify-content:space-between;align-items:center;display:flex}.exam-timer{text-align:center;background:linear-gradient(135deg,#ef444438,#f9731638);border-radius:16px;min-width:84px;padding:12px 14px;font-weight:800}.exam-progress{background:#ffffff14;border-radius:999px;width:100%;height:10px;overflow:hidden}.exam-progress-fill{background:linear-gradient(90deg,#8b5cf6,#ec4899,#22c55e);height:100%}.exam-question h3{margin:10px 0 0;line-height:1.5}.exam-options{gap:12px;display:grid}.exam-option{color:#fff;text-align:left;background:#111827b8;border:1px solid #ffffff14;border-radius:18px;padding:15px 16px}.exam-option.selected{background:linear-gradient(135deg,#7c3aed59,#ec48994d)}.exam-actions{gap:12px;display:flex}.exam-actions button{flex:1}.option-letter{color:#60a5fa;font-weight:800}.result-page{flex-direction:column;display:flex}.result-card{padding:20px}.result-score{color:#86efac;margin:18px 0 8px;font-size:48px;font-weight:900}.review-list{gap:14px;margin:22px 0;display:grid}.review-item{background:#ffffff0f;border-radius:18px;padding:16px}.review-number{color:#ffffffa6;margin-bottom:8px}.review-item h4{margin:0 0 10px;line-height:1.45}.ok,.bad{border-radius:999px;margin-top:10px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-block}.ok{color:#86efac;background:#22c55e33}.bad{color:#fca5a5;background:#ef44442e}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;background:#0f172ab8;border:1px solid #ffffff14;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 30px #00000059}.bottom-nav__item{color:#fff;background:0 0;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;transition:background .25s,transform .25s;display:flex}.bottom-nav__item span{font-size:20px}.bottom-nav__item small{opacity:.8;font-size:11px}.bottom-nav__item:hover{background:#ffffff14;transform:translateY(-2px)}.preloader{z-index:9999;background:#000;justify-content:center;align-items:center;animation:.4s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.preloader-content{text-align:center;padding:24px;animation:.8s floatUp}.preloader-logo{width:170px;max-width:60vw;margin:0 auto 20px;animation:2s ease-in-out infinite pulseLogo;display:block}.preloader-title{color:#fff;letter-spacing:1px;margin:0 0 8px;font-size:2rem;font-weight:800}.preloader-message{color:#d1d5db;margin:0 0 20px;font-size:1rem}.preloader-spinner{justify-content:center;gap:8px;display:flex}.preloader-spinner span{background:#3da5e6;border-radius:999px;width:10px;height:10px;animation:.9s ease-in-out infinite bounce}.preloader-spinner span:nth-child(2){animation-delay:.15s}.preloader-spinner span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.7)}40%{opacity:1;transform:scale(1.2)}}@keyframes pulseLogo{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes floatUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{color:#fff;background:#0f172a;min-height:100%;margin:0;font-family:Inter,Arial,sans-serif}body{overflow-x:hidden}.app-shell{background-color:#0000;background-image:radial-gradient(circle at 0 0,#a855f747,#0000 30%),radial-gradient(circle at 100% 0,#22c55e2e,#0000 25%),linear-gradient(-45deg,#0f172a,#1e1b4b,#111827,#172554);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:400% 400%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;padding-bottom:90px;animation:14s infinite appBackgroundShift;position:relative}@keyframes appBackgroundShift{0%{background-position:0%}25%{background-position:50% 100%}50%{background-position:100%}75%{background-position:50% 0}to{background-position:0%}}.page-container{padding:20px 16px}.glass-card{-webkit-backdrop-filter:blur(14px);background:#1118278c;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 10px 30px #00000040}.primary-btn,.secondary-btn,.ghost-btn{border:none;border-radius:18px;padding:14px 18px;font-size:15px;font-weight:700;transition:transform .25s,box-shadow .25s,opacity .25s}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover{transform:translateY(-2px)scale(1.01)}.primary-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 10px 24px #a855f759}.secondary-btn{color:#fff;background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 10px 24px #10b98147}.ghost-btn{color:#fff;background:#ffffff0f;border:1px solid #ffffff14}.section-title{margin:0;font-size:28px;font-weight:800;line-height:1.1}.muted-text{color:#ffffffad}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#a855f7b3;border-radius:999px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}