body,html{height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;background:#121212;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px}main h1{flex:1;margin-top:40px;font-size:36px;font-weight:700;color:#1984db;text-align:center;text-shadow:1px 1px 5px rgba(0,0,0,.7)}main{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:4rem;margin-bottom:13rem}.login-container{background:#1d1f27;width:320px;padding:30px;border-radius:10px;box-shadow:0 6px 20px #000000b3;text-align:center;margin-top:20px}.login-container h2{margin-bottom:20px;font-size:24px;color:#fff}.input-group{text-align:left;margin-bottom:15px;margin-right:20px}.input-group label{display:block;margin-bottom:5px;font-weight:700;font-size:14px;color:#bbb}.input-group input{width:100%;padding:10px;border:1px solid #323545;border-radius:6px;font-size:16px;background:#121212;color:#fff}.btn-login{width:100%;padding:12px;background:linear-gradient(135deg,#1984db,#0b528b);color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;margin-top:10px;transition:transform .2s ease,box-shadow .2s ease}.btn-login:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 12px #0d3869bf}.btn-login:active{transform:scale(.97);box-shadow:0 0 6px #072d5e66}#errorMsg{color:#ff4c4c;margin-top:10px}.register-text{font-size:14px;margin-top:15px}.register-text a{text-decoration:none;color:#1984db}#guestBtn{width:100%;padding:12px;margin-top:10px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-dim);font-family:Syne,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}#guestBtn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-hover)}footer{bottom:0;left:0;width:100%;background:#1d1f27;text-align:center;padding:10px 0;font-size:14px;color:#ccc;border-top:1px solid #333}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}main h1{margin-top:40px;margin-bottom:30px;font-size:36px;font-weight:700;color:#00d1ff;text-align:center;text-shadow:2px 2px 8px rgba(0,0,0,.8);animation:fadeDown 1s ease-out forwards}.info-block{background:#1d1f27cc;border-radius:12px;padding:30px;box-shadow:0 8px 24px #0009;display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.info-text h2{color:#00d1ff;font-size:26px;margin-bottom:15px}.info-text p,.info-text ul,.info-text li{font-size:16px;line-height:1.5;color:#ddd;margin:5px 0}.screenshots{display:flex;flex-direction:column;gap:100px;flex:1;min-width:150px}.screenshots img:hover{transform:scale(1.03);box-shadow:0 14px 30px #000c}@media (max-width: 800px){.info-block{flex-direction:column;gap:15px}.screenshots img{max-width:100%}}.info-section{width:100%;max-width:900px;margin:80px auto 120px;padding:0 20px;display:flex;flex-direction:column;gap:60px}.info-block{background:#1d1f27cc;border-radius:12px;padding:30px;box-shadow:0 8px 24px #0009;display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;max-width:850px;margin:0 auto}.info-text{flex:1;min-width:220px}.screenshots,.screenshots-bottom{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin:10px}.screenshots img{width:100%;max-width:320px;border-radius:12px;box-shadow:0 10px 20px #000000b3}.screenshots-bottom img{width:100%;max-width:320px;border-radius:12px;box-shadow:0 8px 18px #0009}.screenshots-bottom{gap:100px}.screenshots img:hover,.screenshots-bottom img:hover{transform:scale(1.03);box-shadow:0 14px 30px #000c}@media (max-width: 800px){.screenshots,.screenshots-bottom{flex-direction:column;align-items:center}.screenshots img,.screenshots-bottom img{width:100%;max-width:100%}}