*{font-family:SF Pro Display,sans-serif;margin:0;padding:0;box-sizing:border-box}html,body{background:#000!important;color:#fff;width:100%;height:100%}#app{background:#000;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{width:100%;max-width:400px;text-align:center;background:#000;color:#fff;padding:20px;border-radius:10px;display:flex;flex-direction:column;min-height:100vh}.avatar{width:100px;height:100px;border-radius:50%}.tabs{display:flex;justify-content:center;margin-top:10px;background:#222;border-radius:12px;overflow:hidden}.tabs button{flex:1;background:#222;border:none;padding:10px 20px;color:#fff;cursor:pointer;font-weight:700}.tabs .active{background:#fff;color:#000}.links{margin-top:20px}.link-item{background:#222;padding:12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333}.link-item:first-child{border-radius:12px 12px 0 0}.link-item.last{border-radius:0 0 12px 12px;border-bottom:12px solid #222}.telegram-item{background:#222;padding:12px;margin-top:35px;border-radius:12px}.telegram-item a,.link-item a{display:flex;align-items:center;justify-content:space-between;width:100%;color:#fff;text-decoration:none;padding:10px 20px;font-size:16px;font-weight:500}.link-content{display:flex;align-items:center}.icon{margin-right:10px}.link-text{margin-left:8px}.arrow{font-size:18px;margin-left:auto}.blog{margin-top:20px}.blog-post{background:#222;padding-bottom:12px;margin-bottom:15px;border-radius:12px;overflow:hidden}.post-image{display:block;width:100%;max-height:360px;object-fit:cover}.post-content{padding:12px;text-align:left}.post-text-content{margin-bottom:8px}.post-text-content p{font-weight:300}.post-text{font-size:16px;color:#fff;margin-bottom:8px;font-weight:300}.post-date{font-size:14px;color:gray}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%}.modal-image{width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.close{position:absolute;top:10px;right:15px;color:#fff;cursor:pointer;background:#ffffff4d;padding:5px 10px;border-radius:50%}.close:hover{background:#fff9}