body,html,#root{margin:0;padding:0;min-height:100%;width:100%;background-color:#fff;font-family:sans-serif;overflow-x:hidden;overflow-y:auto}.container{position:relative;min-height:100vh;background-color:#242424;padding-bottom:30px;box-sizing:border-box}.top-bar{display:flex;justify-content:flex-end;align-items:center;gap:3rem;padding:1rem 4rem 1rem 0rem;position:relative;box-shadow:0 4px 10px #7472724d;border-radius:0rem 0rem 1rem 1rem;background-color:#202020}.login-button{margin-left:auto}.login-wrapper{display:flex;justify-content:center;gap:1rem;margin-top:2rem;margin-bottom:5rem;flex-wrap:wrap}.login-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#212121;color:#fff;font-weight:700;text-decoration:none;border-radius:8px;box-shadow:0 4px 10px #0000004d;transition:background-color .3s ease,transform .3s ease;white-space:nowrap}.login-button:hover{background-color:#202020;transform:scale(1.05)}.telegram-wrapper{display:flex;justify-content:center;gap:1rem;margin-top:2rem;margin-bottom:5rem;flex-wrap:wrap}.telegram-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#212121;color:#fff;font-weight:700;text-decoration:none;border-radius:8px;box-shadow:0 4px 10px #0000004d;transition:background-color .3s ease,transform .3s ease;white-space:nowrap}.telegram-button .icon{font-size:1.2rem}body{margin:0!important;background-color:#000!important;overflow-x:hidden!important;font-family:Georgia,serif!important;scrollbar-width:none!important;overflow-y:hidden!important}body::-webkit-scrollbar{display:none!important}.letter-text{font-size:18px;color:#fff;line-height:1.6;padding:100px 20px;max-width:700px;margin:0 auto;white-space:pre-wrap}.typed-line{animation:fadeIn 1s ease forwards}.cursor{display:inline-block;width:1ch;color:#aaa;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.photo-grid{column-count:5;column-gap:1rem;padding:2rem 1rem 4rem}@media (max-width: 1024px){.photo-grid{column-count:3}}@media (max-width: 768px){.photo-grid{column-count:2}}@media (max-width: 480px){.photo-grid{column-count:1}}.photo-grid img{width:100%;display:block;margin-bottom:1rem;border-radius:8px;object-fit:cover;box-shadow:0 4px 10px #0003;transition:transform .3s ease}.photo-grid img:hover{transform:scale(1.05)}.now-playing{margin:20px auto;background-color:#1e1e1e;color:#fff;padding:10px 20px;border-radius:12px;width:fit-content;font-size:18px;box-shadow:0 0 10px #00000080}.now-playing .artist{font-weight:700}.now-playing .track{font-style:italic}.login-page-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#242424}.login-form{background-color:#1e1e1e;padding:2.5rem 3.75rem;border-radius:12px;box-shadow:0 0 25px #ffffff0d,0 0 50px #ffffff14;display:flex;flex-direction:column;gap:1.2rem;min-width:360px}.form-input{padding:.75rem 1rem;border:none;border-radius:8px;font-size:1rem;background-color:#2f2f2f;color:#fff;box-shadow:inset 0 0 5px #ffffff0d}.password-input{width:85%;padding-right:2.5rem}.register-link a:hover{color:8c8c8c;text-decoration:underline}.marquee-top,.marquee-bottom{position:fixed;width:100%;overflow:hidden;font-size:1.2rem;color:#fff;z-index:10;background:#212121;white-space:nowrap;padding:4px 0}.marquee-top{top:0}.marquee-bottom{bottom:0}.marquee-track{display:inline-block;white-space:nowrap;will-change:transform}.marquee-top .marquee-track{animation:scroll-left 30s linear infinite}.marquee-bottom .marquee-track{animation:scroll-right 30s linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.register-page-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#242424}.register-form{background-color:#1e1e1e;padding:2.5rem 3.75rem;border-radius:12px;box-shadow:0 0 25px #ffffff0d,0 0 50px #ffffff14;display:flex;flex-direction:column;gap:1.2rem;min-width:360px}.form-title{text-align:center;color:#fff;margin-bottom:1rem}.form-input{border:none;border-radius:8px;font-size:1rem;background-color:#2f2f2f;color:#fff;box-shadow:inset 0 0 5px #ffffff0d}.form-input::placeholder{color:#aaa}.form-input:focus{outline:none;box-shadow:0 0 0 2px #ffffff1a}.password-input-wrapper{position:relative;width:100%}.eye-icon{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);font-size:1.25rem;color:#aaa;cursor:pointer;transition:color .3s ease}.eye-icon:hover{color:#fff}.register-link{margin-top:1rem;text-align:center;font-size:.95rem;color:#ccc}.register-link a{color:#5a5a5a;text-decoration:none;font-weight:500;transition:color .3s ease}.register-link a:hover{color:#8c8c8c;text-decoration:underline}.error-message{color:#ff6b6b;font-size:.9rem;margin-top:-.8rem;margin-bottom:.8rem;font-weight:500}.telegram-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#212121;color:#fff;font-weight:700;text-decoration:none;border:none;border-radius:8px;box-shadow:0 4px 10px #0000004d;transition:background-color .3s ease,transform .3s ease;cursor:pointer}.telegram-button:hover{background-color:#202020;transform:scale(1.05)}