.navbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;flex-wrap:wrap;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;box-shadow:0 2px 4px #0000000d}.logoSection{display:flex;align-items:center;gap:.5rem}.logo{height:40px;width:auto}.navLinks{display:flex;list-style:none;gap:1.5rem}.navLinks li a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .3s ease}.navLinks li a:hover{color:var(--accent-color)}.profileWrapper{position:relative;margin-left:1rem}.profileIcon{cursor:pointer;transition:transform .3s ease}.profileIcon:hover{transform:scale(1.05)}.dropdown{position:absolute;top:40px;right:0;background-color:var(--input-bg);color:var(--text-color);padding:1rem;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;text-align:left;width:300px;transition:background-color .3s ease,color .3s ease}.dropdown button{margin-top:.5rem;background-color:var(--accent-color);color:var(--button-text);border:none;padding:.5rem 1rem;width:100%;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.dropdown button:hover{background-color:var(--accent-color-hover)}.hamburger{display:none}@media (max-width: 768px){.hamburger{display:block}.navLinks{flex-direction:column;background-color:var(--bg-color);position:absolute;top:60px;left:0;width:100%;display:none;padding-bottom:1rem}.navLinks.active{display:flex}}*{box-sizing:border-box}.footer{width:100%;padding:1rem 1.5rem;background-color:var(--footer-bg);color:var(--footer-text);transition:background-color .3s ease,color .3s ease;text-align:center;position:relative;box-shadow:0 -1px 5px #0000000d;overflow-x:hidden}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;width:100%;padding:0 1rem}.footer-left{font-size:.9rem;color:var(--footer-text);transition:color .3s ease}.footer-right{display:flex;gap:1rem;font-size:1.2rem}.footer-right a{color:var(--footer-text);transition:color .3s ease,transform .2s ease}.footer-right a:hover{color:var(--link-color);transform:translateY(-2px)}.footer-right svg{width:1.2em;height:1.2em}@media (max-width: 600px){.footer-container{flex-direction:column;align-items:center;text-align:center}}.left{flex:1 0 100%;border-right:none;padding-right:0;margin-bottom:1rem}.right{flex:1 0 100%;padding-left:0}.form{width:100%}._home_15ods_1{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:2rem;min-height:90vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}._left_15ods_14{flex:1;text-align:center}._image_15ods_19{width:100%;max-width:400px;border-radius:20px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}._image_15ods_19:hover{transform:scale(1.03)}._right_15ods_32{flex:1;padding:2rem;max-width:500px;color:var(--text-color);transition:color .3s ease}._right_15ods_32 h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-color);transition:color .3s ease}._right_15ods_32 h1 span{color:var(--accent-color);transition:color .3s ease}._tagline_15ods_52{font-size:1.2rem;color:var(--text-secondary);margin-bottom:1rem;transition:color .3s ease}._description_15ods_59{color:var(--muted-text);margin-bottom:1.5rem;line-height:1.6;transition:color .3s ease}h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color)}._form_15ods_73{display:flex;flex-direction:column;gap:1rem}._form_15ods_73 input{padding:.7rem;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-color);border-radius:5px;transition:all .3s ease}._form_15ods_73 input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #facc154d}._form_15ods_73 input::placeholder{color:var(--muted-text)}._form_15ods_73 button{background-color:var(--accent-color);color:var(--button-text);padding:.8rem;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}._form_15ods_73 button:hover{background-color:var(--accent-color-hover);transform:translateY(-1px)}._switch_15ods_114{margin-top:1rem;font-size:.9rem;color:var(--muted-text);transition:color .3s ease}._switch_15ods_114 button{background:none;border:none;color:var(--link-color);font-weight:500;cursor:pointer;transition:color .3s ease}._switch_15ods_114 button:hover{text-decoration:underline}._message_15ods_134{margin-top:1rem;color:green;font-weight:700;text-align:center}@media (max-width: 768px){._home_15ods_1{flex-direction:column;align-items:center;text-align:center}._left_15ods_14,._right_15ods_32{max-width:100%}._right_15ods_32{padding:1rem}}._container_1ukx6_2{max-width:1100px;margin:2rem auto;padding:0 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);background-color:var(--bg-color)}._container_1ukx6_2 h1{text-align:center;font-size:2rem;margin-bottom:2.5rem;color:var(--text-color)}._card_1ukx6_20{background-color:var(--card-bg);border:1px solid var(--input-border);border-radius:10px;box-shadow:0 4px 12px var(--card-shadow);margin-bottom:2.5rem;padding:1.5rem;transition:box-shadow .3s ease,background-color .3s ease;color:var(--text-color)}._card_1ukx6_20:hover{box-shadow:0 10px 18px #00000014}._card_1ukx6_20 h2{font-size:1.5rem;color:var(--text-color);margin-bottom:.5rem}._card_1ukx6_20 p{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}._content_1ukx6_48{display:flex;gap:2rem;flex-wrap:wrap}._left_1ukx6_55{flex:0 0 220px;border-right:1px solid var(--input-border);padding-right:1rem}._left_1ukx6_55 h4{font-size:1.1rem;margin-bottom:1rem;color:var(--link-color)}._left_1ukx6_55 ul{list-style:none;padding:0;margin:0}._topicBtn_1ukx6_73{width:100%;display:block;background:none;border:none;text-align:left;padding:.5rem .75rem;margin-bottom:.5rem;font-size:1rem;color:var(--muted-text);border-radius:6px;cursor:pointer;transition:background-color .2s ease,color .2s ease}._topicBtn_1ukx6_73:hover{background-color:var(--accent-color-hover);color:var(--button-text)}._active_1ukx6_93{background-color:var(--link-color);color:#fff;font-weight:600}._right_1ukx6_100{flex:1}._right_1ukx6_100 h4{font-size:1.2rem;margin-bottom:1rem;color:var(--text-color)}._resources_1ukx6_110{list-style:none;padding:0;margin:0}._resourceItem_1ukx6_116{background-color:var(--card-bg);padding:.8rem 1rem;border-radius:6px;border:1px solid var(--input-border);margin-bottom:.75rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease;color:var(--text-color)}._resourceItem_1ukx6_116:hover{background-color:var(--accent-color-hover);color:var(--button-text);border-color:var(--accent-color-hover)}._resourceItem_1ukx6_116 a{text-decoration:none;display:flex;justify-content:space-between;align-items:center;color:inherit}._resInfo_1ukx6_141{display:flex;flex-direction:column}._type_1ukx6_146{font-size:.85rem;font-style:italic;color:var(--muted-text);margin-top:.1rem}._stars_1ukx6_153{font-size:1rem;font-weight:700;color:var(--accent-color);letter-spacing:.04em}@media (max-width: 768px){._content_1ukx6_48{flex-direction:column;gap:1.5rem}._left_1ukx6_55{flex:1;padding-right:0;border-right:none;border-bottom:1px solid var(--input-border);padding-bottom:1rem;margin-bottom:1rem}}._container_1clxu_1{max-width:700px;margin:2rem auto;background-color:var(--bg-color);padding:2rem;border-radius:10px;box-shadow:0 0 12px var(--card-shadow);transition:background-color .3s ease,color .3s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h2{color:var(--text-color);text-align:center;margin-bottom:.5rem}._description_1clxu_19{text-align:center;color:var(--muted-text);margin-bottom:1rem}._welcome_1clxu_26{text-align:center;font-weight:700;margin-bottom:1rem;color:var(--text-color);background-color:var(--bg-color)}._form_1clxu_35{display:flex;flex-direction:column;gap:1rem}input,select{padding:.6rem;font-size:1rem;border:1px solid var(--input-border);border-radius:5px;background-color:var(--input-bg);color:var(--text-color);transition:background-color .3s ease,border-color .3s ease,color .3s ease}._skills_1clxu_52{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}._skills_1clxu_52 label{display:flex;align-items:center;gap:.5rem;color:var(--text-color)}button{background-color:var(--accent-color);color:var(--button-text);padding:.8rem;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s ease,filter .3s ease}button:hover{background-color:var(--accent-color-hover);filter:brightness(1.05)}._result_1clxu_82{margin-top:2rem;background-color:var(--input-bg);padding:1.5rem;border-radius:8px;border:1px solid var(--input-border);color:var(--text-color);transition:background-color .3s ease,color .3s ease}._result_1clxu_82 h3{margin-bottom:1rem;color:var(--text-color)}._tipsBox_1clxu_98{margin-top:1.5rem;background-color:var(--bg-color);padding:1rem;border-left:5px solid var(--tips-border);border-radius:6px;color:var(--text-color);transition:background-color .3s ease,color .3s ease,border-color .3s ease}._tipsBox_1clxu_98 h4{margin:.5rem 0 .2rem;color:var(--text-color)}._tipsBox_1clxu_98 p{margin:0 0 .8rem;color:var(--text-secondary);line-height:1.5}._buttons_1clxu_119{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}._buttons_1clxu_119 button{flex:1 1 150px;min-width:140px}._loadPrompt_1clxu_133{margin:1rem 0;padding:1rem;background-color:var(--tips-bg);border-left:4px solid var(--tips-border);border-radius:8px;text-align:center;color:var(--text-color)}._loadPrompt_1clxu_133 button{margin:.5rem;background-color:var(--accent-color);color:var(--button-text)}@media (max-width: 600px){._container_1clxu_1{padding:1.2rem}._buttons_1clxu_119{flex-direction:column;align-items:stretch}._skills_1clxu_52{flex-direction:column}input,select{font-size:.95rem}._result_1clxu_82{padding:1rem}._result_1clxu_82 h3{font-size:1.5rem}._tipsBox_1clxu_98{padding:.8rem}}._practiceContainer_1grqh_2{max-width:1000px;margin:auto;padding:2rem;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}._header_1grqh_12{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:2px solid var(--input-border);margin-bottom:1rem}._header_1grqh_12 h1{margin:0;color:var(--text-color)}._easy_1grqh_27{color:var(--success);font-weight:700}._medium_1grqh_28{color:var(--warning);font-weight:700}._hard_1grqh_29{color:var(--danger);font-weight:700}._extreme_1grqh_30{color:var(--danger-dark);font-weight:700}._levelSelector_1grqh_33{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;background-color:var(--bg-color)}._levelButton_1grqh_41{padding:.5rem 1rem;border:1px solid var(--input-border);border-radius:5px;background:var(--input-bg);color:var(--text-color);cursor:pointer;transition:background-color .2s ease,color .2s ease}._levelButton_1grqh_41:hover{background:var(--accent-color-hover);color:var(--button-text)}._levelButton_1grqh_41._active_1grqh_56{background:var(--accent-color);color:var(--button-text);border-color:var(--accent-color)}._levelButton_1grqh_41._locked_1grqh_62{background:var(--muted-bg);color:var(--muted-text);cursor:not-allowed}._mcqSection_1grqh_69{margin-bottom:2rem;padding:1rem;background-color:var(--bg-color);border:1px solid var(--input-border);border-radius:6px;transition:background-color .3s ease}._selector_1grqh_78{margin-bottom:1rem}._selectBtn_1grqh_82{margin:0 5px 5px 0;padding:.4rem .8rem;border:1px solid var(--input-border);background-color:var(--bg-color);color:var(--text-color);border-radius:4px;cursor:pointer;transition:.2s}._selectBtn_1grqh_82._active_1grqh_56{background:var(--accent-color);color:var(--button-text);border-color:var(--accent-color)}._mcqBlock_1grqh_99 p{font-weight:700;margin-bottom:.5rem;color:var(--text-color)}._mcqBlock_1grqh_99 ul{list-style:none;padding:0}._mcqBlock_1grqh_99 li{margin-bottom:.4rem}._mcqBlock_1grqh_99 button{background:var(--input-bg);border:1px solid var(--input-border);padding:.5rem 1rem;border-radius:4px;cursor:pointer;color:var(--text-color);transition:.2s}._mcqBlock_1grqh_99 button:hover{background:var(--accent-color-hover);color:var(--button-text)}._codeSection_1grqh_130{padding:1rem;background-color:var(--bg-color);border:1px solid var(--input-border);border-radius:6px;margin-bottom:2rem}._codeBlock_1grqh_138{margin-top:1rem}._codeBlock_1grqh_138 h3{margin-top:.5rem;color:var(--text-color)}._codeBlock_1grqh_138 pre{background:var(--muted-bg);padding:.6rem;border-radius:5px;white-space:pre-wrap;color:var(--text-color)}._editorArea_1grqh_156{margin-top:1rem}._editorArea_1grqh_156 label{font-weight:700;margin-right:.5rem;color:var(--text-color)}._editorArea_1grqh_156 select{padding:.3rem;margin-bottom:.5rem;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-color)}._editorArea_1grqh_156 textarea{width:100%;height:180px;padding:.8rem;margin-top:.5rem;font-family:monospace;font-size:14px;border:1px solid var(--input-border);border-radius:4px;background:var(--input-bg);color:var(--text-color);resize:vertical}._btns_1grqh_189{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}._btns_1grqh_189 button{padding:.5rem 1rem;border-radius:4px;border:none;background:var(--link-color);color:#fff;cursor:pointer;transition:background .2s ease}._btns_1grqh_189 button:hover{background:var(--accent-color-hover)}._completeBtn_1grqh_211{background-color:var(--accent-color);color:var(--button-text);border:none;padding:.8rem 1.5rem;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .3s ease}._completeBtn_1grqh_211:hover{background-color:var(--accent-color-hover)}._placementCountdown_1grqh_227{text-align:center;background-color:var(--input-bg);padding:1rem;border:1px solid var(--input-border);border-radius:8px;margin-bottom:1.5rem;color:var(--text-color)}._placementCountdown_1grqh_227 h2{color:var(--link-color);font-size:1.2rem;margin-bottom:.5rem}._placementCountdown_1grqh_227 ._warning_1grqh_243{color:var(--danger);font-weight:700}._progressBarWrapper_1grqh_249{height:14px;background-color:var(--muted-bg);border-radius:7px;overflow:hidden;width:100%;max-width:500px;margin:0 auto}._progressBarFill_1grqh_259{height:100%;background-color:var(--link-color);transition:width .3s ease}._footer_1grqh_266{text-align:center;margin-top:2rem;color:var(--muted-text)}@media (max-width: 768px){._editorArea_1grqh_156 textarea{height:140px}._levelSelector_1grqh_33{flex-direction:column;align-items:flex-start}._header_1grqh_12{flex-direction:column;align-items:flex-start;gap:1rem}}._brand_1rzr8_2{color:var(--accent-color)}._contactSection_1rzr8_7{max-width:600px;margin:2rem auto;padding:2rem;background-color:var(--bg-color);border-radius:10px;box-shadow:0 4px 12px var(--card-shadow);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);box-sizing:border-box;transition:background-color .3s ease,color .3s ease}._contactSection_1rzr8_7 h2{font-size:1.8rem;margin-bottom:.5rem;color:var(--text-color);text-align:center}._contactSection_1rzr8_7 p{color:var(--muted-text);margin-bottom:1.5rem;text-align:center}._contactForm_1rzr8_33{display:flex;flex-direction:column;gap:1rem}._contactForm_1rzr8_33 label{font-weight:700;color:var(--text-color);display:flex;flex-direction:column;gap:.5rem}._contactForm_1rzr8_33 input,._contactForm_1rzr8_33 textarea{padding:.75rem;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;width:100%;background:var(--input-bg);color:var(--text-color);box-sizing:border-box;resize:vertical;transition:border-color .3s ease,background-color .3s ease}._contactForm_1rzr8_33 input:focus,._contactForm_1rzr8_33 textarea:focus{border-color:var(--link-color);outline:2px solid var(--link-hover);outline-offset:1px}._contactForm_1rzr8_33 button{align-self:flex-start;padding:.75rem 1.5rem;background-color:var(--accent-color);color:var(--button-text);border:none;border-radius:6px;font-size:1rem;cursor:pointer;font-weight:700;transition:background-color .3s ease,color .3s ease}._contactForm_1rzr8_33 button:hover{background-color:var(--accent-color-hover);color:var(--button-text)}._success_1rzr8_86{margin-top:1rem;color:#16a34a;font-weight:700}@media (max-width: 768px){._contactSection_1rzr8_7{padding:1.5rem;margin:1rem}._contactSection_1rzr8_7 h2{font-size:1.5rem}._contactForm_1rzr8_33 button{width:100%;text-align:center}}@media (max-width: 480px){._contactSection_1rzr8_7{padding:1rem}._contactForm_1rzr8_33 input,._contactForm_1rzr8_33 textarea,._contactForm_1rzr8_33 button{font-size:.95rem}}._left_1rzr8_123{flex:0 0 220px;border-right:1px solid var(--input-border);padding-right:1rem}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:system-ui,sans-serif;transition:background-color .3s ease,color .3s ease}:root{--bg-color: #f9fafb;--text-color: #1e293b;--text-secondary: #475569;--muted-text: #64748b;--input-border: #cbd5e1;--input-bg: #ffffff;--accent-color: #facc15;--accent-color-hover: #eab308;--link-color: #1d4ed8;--link-hover: #2563eb;--button-text: #000000;--button-bg: #e0e7ff;--button-hover-bg: #c7d2fe;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .05);--progress-bg: #e0e0e0;--progress-fill: #1a73e8;--footer-bg: #f1f5f9;--footer-text: #1e293b}body.dark-theme{--bg-color: #1e1e1e;--text-color: #ffffff;--text-secondary: #cbd5e1;--muted-text: #94a3b8;--input-border: #475569;--input-bg: #334155;--accent-color: #facc15;--accent-color-hover: #eab308;--link-color: #93c5fd;--link-hover: #bfdbfe;--button-text: #1e1e1e;--button-bg: #475569;--button-hover-bg: #64748b;--card-bg: #2a2a2a;--card-shadow: rgba(255, 255, 255, .05);--progress-bg: #334155;--progress-fill: #60a5fa;--footer-bg: #1e1e1e;--footer-text: #ffffff}body,button,a,input,textarea,.card,.resourceItem,.selectBtn,.levelButton,.completeBtn{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}button:hover,.selectBtn:hover,.levelButton:hover,.completeBtn:hover{filter:brightness(1.1)}a:hover{color:var(--link-hover);text-decoration:underline}.editorArea textarea{width:100%;height:300px;padding:1rem;border:1px solid var(--input-border);border-radius:8px;background-color:var(--input-bg);color:var(--text-color);font-family:monospace;resize:vertical}:root{--tips-bg: #fff9db;--tips-border: #facc15}body.dark-theme{--tips-bg: #2c2b1a;--tips-border: #facc15}