@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap";:root{--card-border-radius: 20px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#125084,#125084f2,#125084d9,#125184a7,#1251849d);background-repeat:no-repeat,no-repeat;background-size:auto,400% 400%;background-position:top left,0% 50%;font-family:Bricolage Grotesque,sans-serif;color:#fff;padding:20px;animation:gradientAnimation 30s ease infinite;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#34629a33;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#80c2ff75,#3dbbff71);border-radius:10px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3dbbff7f,#34629a);box-shadow:0 0 5px #3dbbff80}*{scrollbar-width:thin;scrollbar-color:#80c2ff6b rgba(52,98,154,.2)}@keyframes gradientAnimation{0%{background-position:top left,0% 50%}50%{background-position:top left,100% 50%}to{background-position:top left,0% 50%}}.title{font-size:2.1rem;font-weight:700;text-align:center;margin:60px 20px;max-width:100%;word-break:break-word;padding:0 12px}.container{display:flex;gap:30px;justify-content:center;align-items:flex-start;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.card,.quiz-card,.mcq-card{min-width:0}.card{flex:1;background:#ffffff14;border-radius:var(--card-border-radius);padding:30px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(158,208,255,.12);color:#fff;box-shadow:0 4px 20px #07a3f70f;position:relative;width:100%;overflow:hidden}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:40px;border:2px dashed rgba(255,255,255,.45);border-radius:15px;transition:background .3s ease}.upload-label:hover{background:#ffffff0f}.upload-label i{font-size:3.3rem;margin-bottom:10px}.upload-label p{font-size:1.6rem;font-weight:700}.upload-label span{font-size:1.1rem;opacity:.85}.btn{margin-top:40px;width:100%;padding:12px;border:1px solid rgba(158,208,255,.15);border-radius:12px;background:#795e9d1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;transition:opacity .25s ease,transform .15s ease}.btn:hover{opacity:.95;transform:translateY(-2px)}.quiz-box{background:#ffffff0f;border-radius:12px;padding:20px;margin-top:10px}.quiz-box p{font-weight:700;margin-bottom:10px}.quiz-box ul{list-style:none;padding:0;margin:0}.quiz-box li{margin-bottom:8px}.placeholder{opacity:.7}.card-placeholder{display:block}.quiz-card{transition:box-shadow .24s ease,transform .24s ease;overflow:hidden;max-height:297px;min-height:293px;overflow:auto;width:100%;margin:0 auto;position:relative;word-wrap:break-word;overflow-wrap:anywhere;overscroll-behavior:contain}.quiz-card.fixed{max-height:none;height:75vh;box-shadow:0 18px 60px #69a0ff73;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:calc(100% - 40px);margin:0 auto;left:50%!important;transform:translate(-50%)}.quiz-close{position:absolute;top:10px;right:12px;background:#ffffff0a;color:#fff;border:1px solid rgba(255,255,255,.06);padding:6px 10px;border-radius:8px;cursor:pointer;z-index:1100;font-size:18px}.question-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:20px;width:100%}.question-card{background:#ffffff0a;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .18s ease,box-shadow .18s ease}.question-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #7ed0ff47}.question-text,.option-text{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.options{list-style:none;padding:0;margin:0}.option{margin-bottom:8px;background:#ffffff08;border-radius:8px;padding:1px 10px;color:#eaf6ff;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .18s ease}.option:hover{background:#ffffff14}.opt-letter{font-weight:800;color:#bfe6ff;min-width:22px}.quiz-card.fixed::-webkit-scrollbar{width:12px}.quiz-card.fixed::-webkit-scrollbar-track{background:#ffffff08;border-radius:12px}.quiz-card.fixed::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#80c1ff,#34629a);border-radius:12px;border:2px solid rgba(0,0,0,.08)}.quiz-card.fixed::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3dbbff,#427f90)}.quiz-card.fixed{scrollbar-width:thin;scrollbar-color:#6fbfff rgba(255,255,255,.03)}.mcq-container::-webkit-scrollbar{width:10px}.mcq-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.mcq-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#80c1ff,#34629a);border-radius:10px;border:2px solid rgba(0,0,0,.05)}.mcq-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3dbbff,#427f90)}.mcq-container{scrollbar-width:thin;scrollbar-color:#6fbfff rgba(255,255,255,.05);display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(14px,1.5vw,24px);padding:16px clamp(10px,2vw,28px);width:100%;max-width:1320px;margin:0 auto;height:70vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;position:relative}@media (min-width: 1600px){.mcq-container{gap:24px;padding:20px}.mcq-card{flex:1 1 300px;max-width:350px;min-height:320px;padding:22px}.question-text{font-size:1.1rem}}@media (min-width: 1200px) and (max-width: 1599px){.mcq-container{gap:20px;padding:18px}.mcq-card{flex:1 1 280px;max-width:320px;min-height:300px;padding:20px}.question-text{font-size:1.05rem}}@media (min-width: 992px) and (max-width: 1199px){.mcq-container{gap:18px;padding:16px}.mcq-card{flex:1 1 280px;max-width:300px;min-height:290px;padding:18px}}@media (min-width: 768px) and (max-width: 991px){.mcq-container{gap:16px;padding:12px;height:82vh}.mcq-card{flex:1 1 300px;max-width:45%;min-height:280px;padding:16px}.question-text{font-size:1rem}.option-label{padding:10px 12px}.option-text{font-size:.9rem}}.mcq-card{background:#ffffff1a;border-radius:16px;padding:18px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #ffffff1a;transition:all .3s ease;height:fit-content;flex:1 1 300px;max-width:380px;min-width:0;box-sizing:border-box;min-height:280px;width:100%;display:flex;flex-direction:column;overflow:hidden}.mcq-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #9f9f9f26;border-color:#ffffff4d}.question-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;flex-shrink:0}.question-number{background:#80c1ff33;color:#bfe6ff;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.9rem;min-width:fit-content;border:1px solid rgba(128,193,255,.3)}.question-text{font-size:1rem;font-weight:600;color:#fff;line-height:1.3;margin:0;flex:1}.options-container{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;flex-grow:1}.option-label{display:flex;align-items:center;cursor:pointer;background:#ffffff0d;border-radius:10px;padding:12px 14px;transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.option-label:hover{background:#ffffff1a;border-color:#80c1ff66;transform:translate(4px)}.option-input{margin-right:12px;accent-color:#80c1ff;transform:scale(1.2)}.option-content{display:flex;align-items:center;gap:10px;flex:1}.option-letter{background:#80c1ff26;color:#bfe6ff;padding:4px 8px;border-radius:6px;font-weight:700;font-size:.9rem;min-width:24px;text-align:center}.option-text{color:#eaf6ff;font-size:1rem;line-height:1.3}.question-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:14px;margin-top:auto;flex-shrink:0}.reveal-answer-btn{background:#80c1ff33;color:#bfe6ff;border:1px solid rgba(128,193,255,.3);padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;margin-bottom:12px}.reveal-answer-btn:hover{background:#80c1ff4d;border-color:#80c1ff80;transform:translateY(-1px)}.explanation{background:#3dbbff1a;border-radius:8px;padding:12px;margin-top:8px;border-left:3px solid #3dbbff}.explanation strong{color:#80c1ff;display:block;margin-bottom:6px}.explanation p{color:#eaf6ff;margin:0;line-height:1.4}.empty-state{text-align:center;padding:40px 20px;color:#ffffffb3;display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;width:100%;flex:1 1 100%}.empty-state h3{color:#bfe6ff;margin-bottom:10px}.quiz-preview{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px}.quiz-instruction{text-align:center;color:#ffffffb3;font-size:1.1rem;line-height:1.4}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;height:70vh;width:100%;flex:1 1 100%}.loading-spinner{width:50px;height:50px;border:4px solid rgba(128,193,255,.2);border-top:4px solid #80c1ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-container h3{color:#bfe6ff;margin-bottom:10px;font-size:1.3rem}.loading-container p{color:#ffffffb3;max-width:400px;line-height:1.4}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mcq-card{animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.option-label:hover .option-letter{background:#80c1ff4d;transform:scale(1.1)}.option-letter{transition:all .2s ease}.reveal-answer-btn:active{transform:translateY(1px)}.explanation{animation:fadeInDown .3s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.question-config{margin:20px 0;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.config-row{display:flex;gap:16px;flex-wrap:wrap;align-items:end}.config-item{display:flex;flex-direction:column;gap:6px;flex:1;min-width:120px}.config-item label{color:#bfe6ff;font-weight:600;font-size:.9rem}.config-select,.config-input{background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(158,208,255,.25);border-radius:10px;padding:10px 14px;color:#fff;font-size:.95rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #07a3f714}.config-select:hover,.config-input:hover{background:#ffffff1f;border-color:#80c1ff80;box-shadow:0 4px 12px #80c1ff26;transform:translateY(-1px)}.config-select:focus,.config-input:focus{outline:none;background:#ffffff26;border-color:#80c1ff;box-shadow:0 0 0 3px #80c1ff40,0 4px 16px #80c1ff33;transform:translateY(-2px)}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{width:100%;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(158,208,255,.25);border-radius:10px;padding:10px 14px;color:#fff;font-size:.95rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #07a3f714;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left}.dropdown-trigger:hover{background:#ffffff1f;border-color:#80c1ff80;box-shadow:0 4px 12px #80c1ff26;transform:translateY(-1px)}.dropdown-trigger:focus{outline:none;background:#ffffff26;border-color:#80c1ff;box-shadow:0 0 0 3px #80c1ff40,0 4px 16px #80c1ff33;transform:translateY(-2px)}.dropdown-arrow{font-size:1.2rem;color:#bfe6ff;transition:all .3s ease;transform-origin:center}.dropdown-arrow.open{transform:rotate(180deg);color:#80c1ff}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;overflow:hidden;animation:dropdownSlideIn .15s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-option{width:100%;background:transparent;border:none;padding:8px 12px;color:#fff;font-size:.9rem;font-weight:400;text-align:left;cursor:pointer;transition:all .15s ease}.dropdown-option:hover{background:#ffffff14;color:#80c1ff}.dropdown-option.selected{background:#80c1ff1a;color:#80c1ff;font-weight:500}.dropdown-option.selected:hover{background:#80c1ff26}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative}.quiz-actions{position:relative}.export-btn{background:#3dbbff33;color:#3dbbff;border:1px solid rgba(61,187,255,.3);padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;margin-right:10px}.export-btn:hover{background:#3dbbff4d;border-color:#3dbbff80;transform:translateY(-1px)}.export-menu{position:absolute;top:100%;right:0;background:#125084f2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:6px;min-width:200px;z-index:1000;box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff1a;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-option{display:flex;align-items:center;width:100%;background:transparent;color:#eaf6ff;border:none;padding:12px 14px;text-align:left;cursor:pointer;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .2s ease;margin-bottom:2px;border:1px solid transparent}.export-option:hover:not(.disabled){background:#80c1ff26;border-color:#80c1ff4d;color:#bfe6ff;transform:translate(2px)}.export-option:active:not(.disabled){transform:translate(1px);background:#80c1ff33}.export-option.disabled{color:#ffffff4d;cursor:not-allowed;opacity:.5}.export-option.disabled:hover{background:transparent;transform:none}.question-card{background:#12508466;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--card-border-radius);padding:24px;margin-bottom:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #ffffff1a;transition:all .3s ease;animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}.question-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #9f9f9f26;border-color:#ffffff4d}.question-meta{display:flex;gap:10px;margin-bottom:8px}.question-type{background:#80c1ff33;color:#bfe6ff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize}.difficulty{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.difficulty.easy{background:#22c55e33;color:#4ade80}.difficulty.medium{background:#fb923c33;color:#fb923c}.difficulty.hard{background:#ef444433;color:#ef4444}.tf-container{display:flex;gap:20px;margin-bottom:16px}.tf-container .option-label{flex:1;justify-content:center}.fib-container{margin-bottom:16px}.fill-input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;color:#fff;font-size:1rem;transition:all .2s ease}.fill-input:focus{outline:none;background:#ffffff26;border-color:#80c1ff;box-shadow:0 0 0 2px #80c1ff33}.sa-container{margin-bottom:16px}.short-answer-input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;color:#fff;font-size:1rem;resize:vertical;transition:all .2s ease;font-family:inherit}.short-answer-input:focus{outline:none;background:#ffffff26;border-color:#80c1ff;box-shadow:0 0 0 2px #80c1ff33}.matching-container{margin-bottom:16px}.matching-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.matching-columns h4{color:#bfe6ff;margin:0 0 12px;font-size:1rem;font-weight:600}.match-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;margin-bottom:8px;color:#eaf6ff;transition:all .2s ease}.match-item:hover{background:#ffffff1a;border-color:#80c1ff66}.question-info{display:flex;gap:16px;margin-bottom:12px;font-size:.9rem}.category{color:#bfe6ff;background:#80c1ff1a;padding:4px 8px;border-radius:12px;font-size:.8rem}.points{color:#fbbf24;background:#fbbf241a;padding:4px 8px;border-radius:12px;font-size:.8rem}.uploaded-files{background:#ffffff0d;border-radius:12px;padding:16px;margin-top:16px;border:1px solid rgba(255,255,255,.1)}.uploaded-files h4{color:#bfe6ff;margin:0 0 12px;font-size:1rem;font-weight:600}.uploaded-files ul{list-style:none;padding:0;margin:0}.file-item{display:flex;align-items:center;gap:8px;padding:6px 0;color:#eaf6ff;font-size:.9rem}.file-item i{color:#4ade80;font-size:.8rem}@media (max-width: 768px){.config-row{flex-direction:column}.config-item{min-width:unset}.quiz-header{flex-direction:column;gap:12px;align-items:stretch}.export-menu{position:static;margin-top:8px}.matching-columns{grid-template-columns:1fr;gap:16px}.tf-container{flex-direction:column;gap:12px}}@media (max-width: 1024px){.title{font-size:1.9rem;margin-bottom:30px;padding:0 16px}.container{gap:20px;width:100%}.card{padding:20px;min-height:250px}}@media (max-width: 767px){.title{font-size:1.8rem;margin:40px 12px}.container{flex-direction:column;align-items:center;gap:20px;padding:0 12px}.card{width:100%;min-height:auto;padding:18px}.upload-label{padding:20px}.btn{font-size:1.05rem;padding:10px}.quiz-box{padding:12px}.question-grid{grid-template-columns:1fr;gap:14px}.quiz-close{top:8px;right:8px;padding:6px 8px;font-size:16px}.quiz-card.fixed{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;left:12px!important;right:12px!important;margin:0!important;transform:none!important;height:calc(100vh - 120px)}.mcq-container{height:calc(100% - 140px);gap:12px;padding:10px clamp(8px,4vw,18px);width:100%;max-width:100%;margin:0 auto;justify-content:center;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.mcq-card{flex:0 0 auto;max-width:100%;min-width:0;width:100%;min-height:260px;padding:16px;margin:0 0 12px;box-sizing:border-box}.question-header{margin-bottom:12px;gap:8px}.question-number{padding:4px 8px;font-size:.8rem}.question-text{font-size:.95rem;line-height:1.3}.options-container{gap:8px;margin-bottom:12px}.option-label{padding:10px 12px;border-radius:8px}.option-text{font-size:.88rem}.option-letter{padding:3px 6px;font-size:.75rem;min-width:18px}.option-input{transform:scale(1.05);margin-right:6px}.reveal-answer-btn{padding:6px 12px;font-size:.85rem}.explanation{padding:8px;margin-top:8px}.explanation strong{font-size:.95rem}.explanation p{font-size:.9rem;line-height:1.3}}@media (max-width: 480px){.title{font-size:1.5rem}.upload-label i{font-size:2.6rem}.upload-label p{font-size:1.4rem}.upload-label span{font-size:1rem}.btn{font-size:1rem;padding:8px}.quiz-card.fixed{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;left:8px!important;right:8px!important;height:calc(100vh - 100px)}.mcq-container{height:calc(100% - 120px);gap:12px;padding:8px;width:100%;margin:0;display:flex;flex-direction:column;align-items:center}.mcq-card{padding:14px;min-height:240px;border-radius:12px;flex:0 0 auto;max-width:100%;min-width:0;width:100%;margin:0 0 12px}.question-header{flex-direction:column;gap:6px;align-items:flex-start;margin-bottom:10px}.question-number{align-self:flex-start;padding:3px 7px;font-size:.75rem}.question-text{font-size:.9rem;line-height:1.25}.options-container{gap:6px;margin-bottom:10px}.option-label{padding:8px 10px;border-radius:6px}.option-text{font-size:.82rem;line-height:1.2}.option-letter{padding:2px 5px;font-size:.7rem;min-width:16px}.option-input{transform:scale(.9);margin-right:6px}.reveal-answer-btn{padding:5px 10px;font-size:.8rem}.explanation{padding:8px;margin-top:5px}.explanation strong{font-size:.85rem}.explanation p{font-size:.8rem;line-height:1.25}}.card.hidden,.title.hidden{display:none!important}.title,.card{transition:opacity .5s ease,filter .5s ease}.blur-out{opacity:0;filter:blur(6px);pointer-events:none}.navbar{width:100%;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(158,208,255,.2);border-radius:15px;box-shadow:0 4px 20px #6fcdff1a;position:fixed;top:20px;left:50%;transform:translate(-50%);max-width:1200px;z-index:1000}@media all and (display-mode: standalone){.navbar{top:6px}}.stopwatch-container{display:flex;align-items:center;justify-content:center;gap:0;background-color:#4b69e033;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px;border-radius:50%;border:1px solid rgba(255,255,255,.2);cursor:pointer;width:45px;height:45px;transition:all .4s;overflow:hidden}.stopwatch-container.expanded{gap:8px;padding:6px 8px;border-radius:60px;width:100px;justify-content:flex-start}.stopwatch-circle{width:30px;height:30px;border-radius:50%;background:#ffffff26;display:flex;justify-content:center;align-items:center;transition:background .3s ease}.stopwatch-circle:hover{background:#ffffff40}.stopwatch-time{font-size:14px;font-weight:500;color:#fff;min-width:45px;text-align:center}.logo{font-size:1.5rem;font-weight:700;color:#fff}.nav-links{display:flex;gap:25px}.nav-links a{text-decoration:none;color:#fff;font-weight:500;position:relative;transition:color .3s}.nav-links a:after{content:"";position:absolute;width:0%;height:2px;background:linear-gradient(90deg,#fff,#38b9ff);left:0;bottom:-5px;transition:width .3s ease}.nav-links a:hover{color:#3dbbff}.nav-links a:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:6px}.menu-toggle span{width:25px;height:3px;background:#fff;border-radius:3px;transition:all .3s}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.navbar{width:90%}.nav-links{position:absolute;right:15px}.nav-links.open,.menu-toggle{display:flex}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}