@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap";body{box-sizing:border-box;color:#fff;background:radial-gradient(circle at top,#0f0f1a,#05050a);justify-content:center;align-items:center;margin:0;padding:75px 0 0;font-family:Orbitron,sans-serif;display:flex}.cyber-header{color:#0ff;z-index:1000;background:linear-gradient(90deg,#050010,#1a0033);justify-content:space-between;align-items:center;height:75px;padding:0 25px;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden;box-shadow:0 0 20px #0ff}.cyber-header .logo{letter-spacing:3px;color:#0ff;text-shadow:0 0 5px #0ff,0 0 15px #f0f;cursor:pointer;font-size:2rem;animation:2s infinite neon-flicker;position:relative}.logo-link{text-decoration:none}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 5px #0ff,0 0 15px #f0f;color:#0ff}20%,22%,24%,55%{text-shadow:0 0 2px #0ff,0 0 5px #f0f;color:#0cc}}.cyber-header .nav-links{gap:30px;display:flex}.cyber-header .nav-links a{color:#0ff;text-decoration:none;transition:all .3s;position:relative}.cyber-header .nav-links a:after{content:"";background:#f0f;width:0;height:2px;transition:width .3s;position:absolute;bottom:-3px;left:0}.cyber-header .nav-links a:hover:after{width:100%}.cyber-header .header-right{z-index:1001;align-items:center;gap:20px;display:flex}.cyber-header .user-avatar-wrapper{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative}.cyber-header .user-avatar{color:#0ff;cursor:pointer;object-fit:cover;object-position:center;border:2px solid #0ff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;box-shadow:0 0 8px #0ff,0 0 12px #f0f}.cyber-header .user-avatar:hover{box-shadow:0 0 15px #f0f,0 0 20px #0ff}.cyber-header .username{color:#0ff;text-shadow:0 0 3px #0ff,0 0 5px #f0f;margin-top:3px;font-size:.7rem}.cyber-header .user-dropdown{z-index:99999;background:#10001f;border:1px solid #0ff;flex-direction:column;min-width:140px;padding:10px 0;animation:.2s ease-in-out dropdown-fade;display:flex;position:fixed;box-shadow:0 0 10px #0ff,0 0 20px #f0f}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cyber-header .user-dropdown a{color:#0ff;text-shadow:0 0 2px #0ff;align-items:center;gap:10px;padding:8px 15px;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.cyber-header .user-dropdown a:hover{color:#f0f;text-shadow:0 0 5px #f0f,0 0 10px #0ff;background:#0ff2}.cyber-header .dropdown-icon{fill:#0ff;width:18px;height:18px;transition:all .2s}.cyber-header .user-dropdown a:hover .dropdown-icon{fill:#f0f}.cyber-header .burger{cursor:pointer;z-index:1002;display:none}.cyber-header .burger svg{width:32px;height:32px}@media screen and (width<=768px){.cyber-header .nav-links{z-index:999;background:#10001f;flex-direction:column;gap:20px;width:220px;padding:20px;transition:transform .3s ease-in-out;position:fixed;top:75px;right:0;transform:translate(100%);box-shadow:-2px 2px 20px #0ff}.cyber-header .nav-links.open{transform:translate(0)}.cyber-header .burger{display:block}}.not-autorized{background-color:red}.autorized{background-color:green}.home-container{color:#fff;background:radial-gradient(circle at top,#0a0a0f,#050507);min-height:100vh;padding:20px}.user-menu{position:absolute;top:20px;left:20px}.user-circle{cursor:pointer;flex-direction:column;align-items:center;display:flex}.user-circle img{border-radius:50%;width:60px;height:60px;box-shadow:0 0 10px #00f0ff}.user-circle span{margin-top:5px;font-size:14px}.dropdown{background:#111;border-radius:10px;flex-direction:column;margin-top:10px;padding:10px;display:flex;box-shadow:0 0 15px #00f0ff55}.dropdown button{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px}.dropdown button:hover{color:#00f0ff}.home-content{text-align:center;max-width:600px;margin:100px auto}.home-content h1{color:#00f0ff;text-shadow:0 0 15px #00f0ff}.task-input{gap:10px;margin-top:20px;display:flex}.task-input input{color:#fff;background:#1a1a2e;border:none;border-radius:6px;flex:1;padding:10px}.task-input button{cursor:pointer;background:#00f0ff;border:none;border-radius:6px;padding:10px 15px}.task-list{flex-direction:column;gap:10px;margin-top:20px;display:flex}.task{cursor:pointer;background:#111;border-radius:6px;padding:12px;transition:all .2s}.task:hover{box-shadow:0 0 10px #00f0ff55}.task.done{opacity:.5;text-decoration:line-through}.auth-container{justify-content:center;align-items:center;height:100vh;display:flex}.auth-card{background:#111;border-radius:12px;flex-direction:column;gap:15px;width:320px;padding:40px;display:flex;box-shadow:0 0 25px #00f0ff33}.auth-card h2{text-align:center;color:#00f0ff;text-shadow:0 0 10px #00f0ff}.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:#00f0ff;border:none;border-radius:6px;padding:10px;font-weight:700;transition:all .3s}.auth-card button:hover{background:#00c3cc;box-shadow:0 0 15px #00f0ff}.link{text-align:center;font-size:14px}.link a{color:#f0f;text-decoration:none}.link a:hover{text-shadow:0 0 8px #f0f}.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:#0f0f1a;border:2px solid #00ffea;border-radius:15px;max-width:400px;margin:50px auto;padding:30px;font-family:Orbitron,sans-serif;box-shadow:0 0 20px #00ffea}.cyber-title{text-align:center;text-shadow:0 0 10px #00ffea;margin-bottom:20px;font-size:1.8rem}.cyber-form{flex-direction:column;display:flex}.cyber-input{color:#00ffea;background:#1a1a2e;border:1px solid #00ffea;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:#00ffea;border:none;border-radius:5px;margin-top:15px;padding:10px;font-weight:700;transition:all .3s}.cyber-button:hover{background:#00bfa5;box-shadow:0 0 15px #00ffea}.cyber-message{text-align:center;color:#ff3d00;margin-top:15px}.cyber-checkbox{align-items:center;margin-top:5px;font-size:.9rem;display:flex}.profile-container{color:#eaf6ff;background:radial-gradient(circle at top,#0b1020,#05070f);border:1px solid #00ffff1f;border-radius:18px;max-width:700px;margin:40px auto;padding:28px;box-shadow:0 0 40px #00ffff14}.avatar-section{text-align:center;margin-bottom:24px}.avatar{object-fit:cover;cursor:pointer;border:2px solid #0ff6;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:#00ffffb3;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:100%;padding:12px 14px;transition:all .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#00ffff80;box-shadow:0 0 10px #00ffff26}.email-row{align-items:center;gap:10px;display:flex}.email-row input{flex:1}.verified,.not-verified{cursor:pointer;-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{color:#ff4d6d;border:1px solid #ff4d6d66;text-decoration:none}button{color:#000;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#00f0ff,#06f);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}@media (width<=768px){.profile-container{margin:16px;padding:18px}.email-row{flex-direction:column;align-items:stretch}.avatar{width:90px;height:90px}}.skeleton-overlay{z-index:999;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.skeleton-card{background:linear-gradient(90deg,#111,#222,#111);border-radius:16px;width:250px;height:120px;animation:1.2s infinite pulse}@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}