*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;margin:0;display:flex;flex-direction:column}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#0a192f;color:#fff;overflow-x:hidden}.main-section{padding:40px 20px;background-color:#f4f4f9;flex:1 1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%}#main-title{font-size:2.5rem;font-weight:700;color:#112240;margin-bottom:20px}.objective-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px}.objective-button{background-color:#0077b6;color:#fff;border:none;padding:20px 40px;font-size:1.2rem;font-weight:700;border-radius:10px;cursor:pointer;transition:background-color .3s,transform .2s,box-shadow .2s;box-shadow:0 4px 6px rgba(0,0,0,.1);width:200px;text-align:center}.objective-button:hover{background-color:#00b4d8;box-shadow:0 8px 12px rgba(0,0,0,.15);transform:translateY(-3px)}.objective-button:active{background-color:#005f8a;transform:translateY(0)}.top-banner{background-color:#fff;padding:20px;text-align:center;border-bottom:1px solid #ddd}.banner-text{font-size:1.5rem;font-weight:700;color:#112240}.styled-box{width:80%;height:400px;margin:40px auto;border:2px dashed #0077b6;background-color:#f4f4f9;color:#0077b6;font-size:1.2rem;text-align:center;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.clean-page .main-content,.styled-box{display:flex;align-items:center;justify-content:center}.clean-page .main-content{height:calc(100vh - 100px)}.clean-page .styled-box{border:2px solid #0077b6;background-color:#f4f4f9;display:flex;justify-content:center;align-items:center;border-radius:10px}#spreadsheet-container,.clean-page .styled-box{width:90%;height:90%;box-shadow:0 4px 6px rgba(0,0,0,.1)}#spreadsheet-container{margin:auto;border:1px solid #0077b6;background-color:#fff}footer{background-color:#112240;color:#fff;text-align:center;padding:10px 0;flex-shrink:0}.layout-container{display:flex;flex-direction:row-reverse;flex-wrap:wrap}.main-content{padding:20px;flex:1 1;min-width:0}.sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;width:300px;height:100%;background-color:#112240;box-shadow:-2px 0 5px rgba(0,0,0,.2);padding:20px;overflow-y:auto;overflow-x:hidden;border-left:3px solid #0077b6;color:#fff;z-index:1000;max-height:100vh;box-sizing:border-box}@media (max-width:900px){.sidebar{display:none;position:relative;width:100%;height:auto;border-left:none;border-top:3px solid #0077b6;padding:20px}.layout-container{flex-direction:column;padding-right:0}}.questionsSection{margin-top:30px}.questionsSection h4{text-align:center;color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:20px;margin-top:10px;letter-spacing:.5px;white-space:nowrap}.questionsSection ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.questionsSection li{background-color:#0f1c2e;border-radius:10px;position:relative;box-shadow:0 1px 4px rgba(0,0,0,.4);transition:background-color .3s ease;cursor:pointer;padding:12px 16px;border-left:6px solid transparent}.questionsSection li:hover{background-color:#274867}.questionsSection li .question-title{font-weight:600;color:#fff;font-size:1rem;margin-bottom:3px}.questionsSection li .tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;justify-content:flex-start;overflow-x:auto}.questionsSection li .tag{background-color:#0077b6;color:#fff;font-size:.7rem;padding:4px 8px;border-radius:999px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;max-width:35%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.questionsSection li .tag.difficulty-easy{background-color:#a8e6cf;color:#034d26}.questionsSection li .tag.difficulty-medium{background-color:#ffd166;color:#5a4300}.questionsSection li .tag.difficulty-hard{background-color:#ef476f;color:#fff0f0}.questionsSection li.difficulty-easy{border-left-color:#a8e6cf}.questionsSection li.difficulty-medium{border-left-color:#ffd166}.questionsSection li.difficulty-hard{border-left-color:#ef476f}@media (max-width:600px){.questionsSection li .question-title{font-size:.95rem}.questionsSection li{padding:10px 12px}.questionsSection li .tag{font-size:.65rem}.questionsSection li .tags{position:relative;top:auto;right:auto;margin-bottom:10px;justify-content:flex-start}.questionsSection li .question-title{padding-top:0}}.comments-wrapper{max-width:800px;width:100%;margin:40px auto 0;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #ddd}@media (min-width:1200px){.comments-wrapper{max-width:1000px}}.comments-title{font-size:24px;font-weight:700;color:#333;margin-bottom:16px}.comment-input{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;font-size:16px}.comment-submit{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:6px;margin-top:12px;cursor:pointer;transition:background .3s ease}.comment-submit:hover{background-color:#0056b3}.comment-submit.disabled{background-color:#ccc;cursor:not-allowed}.comments-list{margin-top:20px}.comments-container{padding:12px;border:1px solid #ccc;background-color:#fff;border-radius:6px;margin-bottom:10px}.comment-text{font-size:16px;color:#333}.comment-time{font-size:14px;color:#888}.comment-actions{display:flex;gap:8px;margin-top:8px}.comment-vote{padding:6px 10px;border-radius:4px;cursor:pointer;font-size:14px;transition:.3s}.comment-upvote{background-color:#28a745;color:#fff}.comment-upvote:hover{background-color:#218838}.comment-downvote{background-color:#dc3545;color:#fff}.comment-downvote:hover{background-color:#c82333}.comment-reply{background-color:#007bff;color:#fff;padding:6px 10px;border-radius:4px;cursor:pointer}.comment-reply:hover{background-color:#0056b3}.comment-replies{margin-left:20px;padding-left:10px;border-left:3px solid #ddd}.comment-username{font-weight:700;color:#007bff;cursor:pointer;position:relative;display:inline-block}.comment-username:hover .user-tooltip{opacity:1;visibility:visible;transform:translateY(5px)}.user-tooltip{position:absolute;left:50%;transform:translateX(-50%) translateY(-10px);top:100%;width:max-content;min-width:180px;background-color:#333;color:#fff;padding:8px;border-radius:6px;font-size:12px;text-align:center;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,transform .2s ease-in-out;z-index:10;box-shadow:0 4px 6px rgba(0,0,0,.2)}.user-tooltip:after{content:"";position:absolute;left:50%;top:-6px;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:#333}.comment-header{margin-bottom:5px}.difficulty-easy{border-left-color:#a8e6cf!important}.difficulty-medium{border-left-color:#ffd166!important}.difficulty-hard{border-left-color:#ef476f!important}.difficulty-easy .tag.difficulty{background:#a8e6cf;color:#034d26}.difficulty-medium .tag.difficulty{background:#ffd166;color:#5a4300}.difficulty-hard .tag.difficulty{background:#ef476f;color:#fff0f0}header{background-color:#112240;padding:0}nav{justify-content:space-between;padding:0 20px;flex-wrap:wrap}.nav-content,nav{display:flex;align-items:center}.nav-content{gap:15px;width:100%;flex-wrap:nowrap!important}.menu{display:flex;list-style:none;gap:10px;flex-grow:1;justify-content:space-around}.menu li{flex:1 1}.menu li a{display:block;text-align:center;color:#fff;text-decoration:none;font-size:1rem;font-weight:700;padding:15px 0;background-color:transparent;transition:background-color .3s,color .3s}.menu li a:hover{background-color:#0077b6;color:#fff}.auth-buttons{display:flex;gap:15px;margin-left:20px}.auth-button{background-color:#0077b6;color:#fff;border:none;padding:8px 16px;font-size:1rem;font-weight:700;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.auth-button:hover{background-color:#00b4d8;color:#fff}.language-dropdown{position:relative;display:inline-block;margin-left:20px;min-width:90px;flex-shrink:0}.language-button{background-color:transparent;color:#fff;border:2px solid #fff;padding:5px 10px;font-size:.9rem;font-weight:700;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background-color .3s,color .3s}.language-button:hover{background-color:#0077b6;color:#fff}.flag-icon{width:16px;height:12px}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#112240;border:1px solid #fff;border-radius:5px;list-style:none;padding:5px 0;margin:5px 0 0;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column}.dropdown-menu li{padding:10px 15px;cursor:pointer;color:#fff;display:flex;align-items:center;gap:5px}.dropdown-menu li:hover{background-color:#0077b6;color:#fff}.mobile-menu-button{display:none;font-size:2rem;background:none;color:#fff;border:none;cursor:pointer}@media (max-width:808px){.mobile-menu-button{display:block}.nav-content{display:none;flex-direction:column;align-items:flex-start;gap:10px;margin-top:10px}.nav-content.show{display:flex}.menu{flex-direction:column;padding-left:0}.menu,.menu li{width:100%}.menu li a{text-align:left;padding:10px;font-size:1rem}.auth-buttons,.language-dropdown,.user-actions{flex-direction:column;align-items:flex-start;gap:8px;width:100%;margin-left:0}.auth-button,.language-button{width:100%;text-align:left}}@media (min-width:809px){.nav-content{display:flex!important;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:wrap}.menu{flex-direction:row;gap:20px;justify-content:flex-start}.auth-buttons,.language-dropdown,.user-actions{flex-direction:row;align-items:center;justify-content:flex-end;margin-left:20px}.auth-button,.language-button{width:auto;text-align:center}}.loader{position:fixed;inset:0;display:grid;place-items:center;padding:max(env(safe-area-inset-top),16px) max(env(safe-area-inset-right),16px) max(env(safe-area-inset-bottom),16px) max(env(safe-area-inset-left),16px);text-align:center;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(2px) saturate(.6);backdrop-filter:blur(2px) saturate(.6);@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){background:rgba(0,0,0,.6)}color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:clamp(.95rem,1vw + .75rem,1.125rem);font-weight:600;z-index:2147483647}.spinner{width:clamp(32px,5vw,56px);height:clamp(32px,5vw,56px);border-radius:999px;border:clamp(3px,.6vw,5px) solid;border-right-color:transparent;animation:spin .8s linear infinite;margin-inline:auto;margin-bottom:.5rem}.loader-text{margin:0;line-height:1.2;max-width:min(90vw,40ch)}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none;border-right-color:currentColor}}@media (prefers-reduced-transparency:reduce){.loader{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.8)}}@media (forced-colors:active){.loader{background:Canvas;color:CanvasText}.spinner{border-color:CanvasText transparent CanvasText CanvasText}}