body{margin:0;background:#050505;color:#fff;font-family:Arial,sans-serif}.bg{position:fixed;inset:0;background:radial-gradient(circle at top,#7a0d18,#25070a 40%,#050505);z-index:-1}.wrap{max-width:430px;margin:auto;padding:22px}.card{background:rgba(20,20,20,.84);border:1px solid rgba(177,18,38,.45);border-radius:24px;padding:22px;margin:18px 0}.hero{text-align:center}.avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid #b11226;box-shadow:0 0 24px rgba(177,18,38,.55)}.welcome{font-size:20px;color:#ddd;margin:16px 0 8px}h1{font-size:34px}.btn{display:block;text-decoration:none;text-align:center;margin-top:14px;padding:15px;border-radius:16px;color:#fff;background:linear-gradient(90deg,#7a0d18,#b11226)}footer{text-align:center;color:#aaa;padding:16px}
.welcome{font-size:30px;font-weight:600}.sub{display:block;font-size:20px;color:#b8b8b8;font-weight:400;margin-top:10px}h1{font-size:28px;line-height:1.4}
.card{padding:18px;margin:14px 0}
.welcome{font-size:24px}
h1{font-size:22px}
.sub{font-size:16px}
h2{font-size:28px}
.btn{padding:13px;border-radius:14px}
.small{font-size:14px;color:#bbb}


/* --- V2.3 mobile improvements --- */
@media (max-width:768px){
  body{font-size:90%;}
  .hero,.card{padding:18px !important;}
  h1{font-size:90%;}
  h2{font-size:90%;}
  .btn{padding:10px 16px !important;}
  .sidebar{
    display:none !important;
  }
  .mobile-menu{
    display:flex !important;
  }
}


/* V2.5 UI polish */
body{overflow-x:hidden}
.bg{
  background:
    radial-gradient(circle at 20% 10%, rgba(177,18,38,.22), transparent 35%),
    radial-gradient(circle at 80% 30%, rgba(177,18,38,.12), transparent 30%),
    radial-gradient(circle at top,#7a0d18,#25070a 40%,#050505);
  animation:bgFloat 12s ease-in-out infinite alternate;
}
@keyframes bgFloat{
  from{filter:brightness(1);transform:translateY(0)}
  to{filter:brightness(1.08);transform:translateY(-10px)}
}
.card{
 position:relative;
 overflow:hidden;
 transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1);
 box-shadow:0 8px 28px rgba(0,0,0,.35);
}
.card::before{
 content:"";
 position:absolute;
 inset:0px;
 border-radius:26px;
 padding:2px;
 background:linear-gradient(120deg,transparent 10%, rgba(255,60,60,.0) 30%, rgba(255,70,70,.8) 50%, rgba(255,60,60,0) 70%, transparent);
 background-size:250% 100%;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;
 mask-composite:exclude;
 animation:borderGlow 4s linear infinite;
 pointer-events:none;
}
@keyframes borderGlow{
 from{background-position:200% 0}
 to{background-position:-100% 0}
}
.card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(177,18,38,.18)}
.btn{
 transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1);
 box-shadow:0 0 0 rgba(177,18,38,0);
}
.btn:hover,.btn:active{
 transform:scale(.98);
 filter:brightness(1.08);
 box-shadow:0 0 18px rgba(177,18,38,.55);
}


/* Glow boost V2.5.1 */
.card,.feature-card,.section-card{
  box-shadow:0 0 8px rgba(255,0,40,.12);
  transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1);
}
.card:hover,.feature-card:hover,.section-card:hover{
  transform:translateY(-3px) scale(1.01);
  box-shadow:0 0 26px rgba(255,0,40,.45);
}
.btn,button{
 transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1);
}
.btn:hover,button:hover{
 box-shadow:0 0 20px rgba(255,0,40,.55);
 transform:scale(1.03);
}
body::before{
 content:"";
 position:fixed;inset:-20%;
 background:radial-gradient(circle at 30% 20%, rgba(255,0,30,.08), transparent 45%),radial-gradient(circle at 80% 70%, rgba(255,0,30,.06), transparent 40%);
 animation:ambientGlow 10s ease-in-out infinite alternate;
 pointer-events:none;
}
@keyframes ambientGlow{
 from{transform:translate(-2%,-1%)}
 to{transform:translate(2%,1%)}
}


body.fade-out{opacity:0;transform:scale(.985);transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1);}
body{opacity:1;transform:scale(1);transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1);}

/* Cinematic transition */
body::after{
 content:"";
 position:fixed;inset:0;
 background:#050505;
 opacity:0;
 pointer-events:none;
 transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1);
 z-index:9999;
}
body.fade-out::after{opacity:1;}
body.fade-out{
 opacity:0;
 transform:scale(.975);
 transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1);
}
body{
 transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1);
}

@media(max-width:900px){
.side,.sidebar,aside,#sidebar{
display:none!important;
visibility:hidden!important;
position:absolute!important;
width:0!important;
left:-9999px!important;
}
.main,.content,.container,main{
margin-left:0!important;
padding-left:16px!important;
width:100%!important;
max-width:100%!important;
}
}

.main,.content{margin-left:0!important;padding-left:16px!important;}

html,body{overflow-x:hidden;}
body::before,body::after{max-width:100%;left:0!important;right:0!important;transform:none!important;}


/* Alignment refinement */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
body{
  margin:0!important;
  padding:0!important;
}
main,.main,.container,.wrapper,.content{
  max-width:480px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:16px!important;
  box-sizing:border-box!important;
}
.card,.hero,.section{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* Smooth accordion polish */
.instagram-sections{
overflow:hidden;
transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1);
will-change:max-height,opacity;
}
.instagram-header,.accordion-header{
transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1);
}
.instagram-header .arrow,.accordion-header .arrow{
transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .35s ease, transform .5s cubic-bezier(.22,1,.36,1);
}

/* Premium smooth accordion */
.instagram-header,
.instagram-header *,
.instagram-accordion,
.instagram-sections{
 transition-duration:650ms !important;
 transition-timing-function:cubic-bezier(.22,1,.36,1)!important;
}
.instagram-sections{
 overflow:hidden;
 transition-property:max-height,opacity,transform!important;
}
.instagram-sections a{
 transition:opacity 450ms ease, transform 650ms cubic-bezier(.22,1,.36,1)!important;
}