@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap";body{box-sizing:border-box;background-color:#2d403e;margin:0;padding:0;font-family:Orbitron,sans-serif}.app-container{flex-direction:column;align-items:center;width:100%;margin-top:75px;display:flex}.create-input{border-radius:2px soild red}.card{color:#fff;background:#111;border-radius:12px;width:90vw;max-width:700px;padding:12px;box-shadow:0 0 15px #0006}.imageWrapper{border-radius:10px;width:100%;margin-bottom:10px;overflow:hidden}.image{object-fit:cover;width:100%;height:100%}.info{opacity:.9;justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.stats{gap:10px;font-weight:700;display:flex}.right{color:#6dd16d}.wrong{color:red}.buttons{justify-content:space-around;gap:20px;display:flex}.btn{cursor:pointer;color:#fff;border:none;border-radius:4px;width:46%;padding:2px 4px}.delete{background:#ff3b3b}.update{background:#2b7cff}.solve{background:#22c55e}.solveArea{border-top:1px solid #333;margin-top:12px;padding-top:10px}.inputRow{gap:6px;margin-bottom:8px;display:flex}.input{text-overflow:ellipsis;border-radius:6px;outline:none;flex:1;width:50%;padding:6px;overflow:hidden}.input-create{text-overflow:ellipsis;border:1px solid red;border-radius:6px;outline:none;width:50%;padding:6px;overflow:hidden}.submitBtn{color:#fff;cursor:pointer;background:#444;border:none;border-radius:6px;width:70px;padding:6px 8px}.quiestion-popup{color:#fff;z-index:999;text-align:center;background-color:green;border:2px solid #fff;border-radius:10px;min-width:300px;max-width:600px;min-height:200px;margin:100px auto auto;padding:30px;position:fixed;top:20%;left:50%;transform:translate(-50%,-50%)}.right-answer-popup{color:#070000;z-index:999;text-align:center;background-color:green;border:2px solid #fff;border-radius:10px;min-width:300px;max-width:600px;min-height:100px;margin:100px auto auto;padding:40px auto auto;font-size:40px;position:fixed;top:20%;left:50%;transform:translate(-50%,-50%)}.fileInput{background-color:#80001c;width:100%;height:20px}.fileInput button{background-color:green}.rect-num{justify-content:center;align-items:center;width:30px;height:30px;display:flex}.feed-container{flex-direction:column;align-items:center;gap:10px;width:90vw;display:flex}.delete-popup{z-index:300;background-color:#faebd7;border:1px solid red;border-radius:10px;align-items:center;gap:40px;width:200px;height:30px;padding:40px;display:flex;position:fixed;top:30vh}.load-more{background:green;width:80%;max-width:400px;height:40px;margin-bottom:30px}.question-click-click-to-close{color:red;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.menu{opacity:0;pointer-events:none;background-color:#111;border:1px solid green;border-radius:10px;flex-direction:column;align-items:baseline;gap:20px;width:150px;padding:20px;transition:all .25s;display:flex;position:absolute;top:100%;right:0;transform:translate(20px)}.menu a{justify-content:space-between;align-items:center;width:100%;display:flex}.menu.open{opacity:1;pointer-events:auto;transform:translate(0)}.dropdown-icon{fill:green;width:18px;height:18px;transition:all .2s}.header{z-index:999;background-color:#000;justify-content:space-around;align-items:center;width:100%;height:70px;margin-bottom:10px;display:flex;position:fixed;top:0;left:0;right:0}.header a{color:#fff;text-decoration:none}.userAvatar{background-color:#bd5555;border-radius:50%;width:40px;height:40px}.logo{color:#fff;object-fit:cover;height:100px;padding-top:10px;font-size:20px;transform:scale(1.4)}.header a{text-decoration:none}.addPost{color:#0aed47;cursor:pointer;background:#222;border:1px solid #333;border-radius:8px;padding:8px 18px;font-size:24px;font-weight:700;transition:all .2s}.header button:hover{background:#333;border-color:#555}.header button:active{transform:scale(.98)}.Avatar{object-fit:cover;cursor:pointer;border:2px solid #0be416;border-radius:50%;width:60px;height:60px;margin-top:5px}.userAvatar:hover{background:#3d8dff;transform:scale(1.05)}.apiLink{z-index:80;color:red;background-color:#000;position:fixed;top:130px}.auth-container{justify-content:center;align-items:center;height:600px;display:flex}.auth-card{background:#111;border-radius:12px;flex-direction:column;gap:15px;width:400px;padding:40px;display:flex;box-shadow:0 0 25px #00f0ff33}@media (width<=480px){.auth-card{width:70vw;padding:40px}}.auth-card h2{text-align:center;color:#0dff00}.auth-card input{color:#fff;background:#1a1a2e;border:none;border-radius:6px;outline:none;padding:10px}.auth-card input:focus{box-shadow:0 0 10px #00f0ff}.auth-card button{color:#000;cursor:pointer;background:#0dff00;border:none;border-radius:6px;padding:10px;font-weight:700;transition:all .3s}.auth-card button:hover{background:#0dff00;box-shadow:0 0 15px #0dff00}.link{text-align:center;font-size:14px}.link a{color:#f70;text-decoration:none}.link a:hover{text-shadow:0 0 8px #9a719a}.popup{text-align:center;color:#fff;background:#111827;border-radius:12px;width:300px;padding:20px;box-shadow:0 0 20px #f006}.popup h3{margin-bottom:10px}.popup button{color:#fff;cursor:pointer;background:red;border:none;border-radius:6px;margin-top:10px;padding:8px 16px}.skeleton{background:#1a1a2e;border-radius:6px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#00f0ff33,#0000);width:150%;height:100%;animation:1.4s infinite shimmer;position:absolute;top:0;left:-150%}@keyframes shimmer{to{left:150%}}.skeleton-title{width:60%;height:24px;margin:0 auto 10px}.skeleton-input{width:100%;height:38px}.skeleton-button{background:#00f0ff33;width:100%;height:40px}.skeleton-glow{box-shadow:0 0 15px #00f0ff22}.cyber-container{color:#00ffea;background:#0f1a0f;border-radius:15px;width:75vw;max-width:400px;margin:50px auto;padding:30px;font-family:Orbitron,sans-serif}.cyber-title{text-align:center;color:#0dff00}.cyber-form{flex-direction:column;display:flex}.cyber-input{color:#00ffea;background:#1a1a2e;border:none;border-radius:5px;margin:10px 0;padding:10px}.cyber-input:focus{outline:none;box-shadow:0 0 10px #00ffea}.cyber-button{color:#0f0f1a;cursor:pointer;text-shadow:none;background:#0dff00;border:none;border-radius:5px;margin-top:15px;padding:10px;font-weight:700;transition:all .3s}.cyber-button:hover{background:#0dff00;box-shadow:0 0 15px #0dff00}.cyber-message{text-align:center;color:#ff3d00;margin-top:15px}.cyber-checkbox{align-items:center;margin-top:5px;font-size:.9rem;display:flex}.show-password{color:#fff}.profile-container{color:#eaf6ff;background:radial-gradient(circle at top,#0b1020,#05070f);border-radius:10px;width:600px;margin:5px auto;padding:28px}@media (width<=480px){.profile-container{width:90vw;padding:10px}}.avatar-section{text-align:center;margin-bottom:24px}.avatar{object-fit:cover;cursor:pointer;border:2px solid #7ce12efb;border-radius:50%;width:110px;height:110px;transition:all .3s}.avatar:hover{transform:scale(1.05);box-shadow:0 0 25px #00ffff40}.avatar-hint{opacity:.6;margin-top:6px;font-size:12px}.field{margin-bottom:16px}.field label{letter-spacing:2px;color:#0dff00;margin-bottom:6px;font-size:11px;display:block}.field input,.field select,.field textarea{color:#eaf6ff;background:#ffffff08;border:1px solid #00ffff1a;border-radius:12px;outline:none;width:90%;padding:12px 14px;transition:all .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#0dff00;box-shadow:0 0 10px #0dff00}.email-row{align-items:center;gap:10px;display:flex}.email-row input{flex:1}.verified,.not-verified{-webkit-user-select:none;user-select:none;border-radius:999px;padding:6px 10px;font-size:11px}.verified{color:#00ffb3;border:1px solid #00ffb366;text-decoration:none}.not-verified{cursor:pointer;color:#ff4d6d;border:1px solid #ff4d6d66;text-decoration:none}button{color:#0a0f01;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#00f0ff,#0f1);border:none;border-radius:14px;width:100%;padding:13px;font-weight:700;transition:all .2s}button:hover{transform:translateY(-2px);box-shadow:0 0 20px #00c8ff40}.popup-overlay{background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup{text-align:center;background:#0b0f1a;border:1px solid #0ff3;border-radius:16px;padding:28px;box-shadow:0 0 30px #00ffff26}.popup h2,p{color:#00ffb3;margin-bottom:10px}.expiresMinutes{color:red}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.popup-overlay{background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup{text-align:center;background:#111;border-radius:15px;padding:30px;box-shadow:0 0 20px #00f7ff}.create-profile{color:#000;cursor:pointer;background:#0dff00;border:none;border-radius:6px;padding:10px;font-weight:700;transition:all .3s}.delete-profile{color:gray;cursor:pointer;opacity:.4;background:#090909;border:1px solid gray;border-radius:6px;margin-top:10px;padding:10px;font-weight:700;transition:all .3s}