/* ARCHIETALIC PATCH v2.0 - logo sparkle + premium star polish
   Upload to: public_html/assets/css/patch-v2-logo-stars.css
*/
:root{
  --at-cyan:#26d8ff;
  --at-violet:#8d55ff;
  --at-pink:#ff5ad9;
  --at-gold:#ffd35c;
}

/* keep layout untouched, visual polish only */
.site-header .brand,
header .brand{
  position:relative;
  isolation:isolate;
  overflow:visible;
}
.site-header .brand-logo,
header .brand-logo,
.brand img,
.footer-logo{
  filter:drop-shadow(0 0 12px rgba(38,216,255,.18));
  transition:filter .35s ease, transform .35s ease;
}
.site-header .brand:hover .brand-logo,
header .brand:hover .brand-logo,
.brand:hover img{
  transform:translateY(-1px) scale(1.018);
  filter:drop-shadow(0 0 18px rgba(38,216,255,.42)) drop-shadow(0 0 26px rgba(141,85,255,.26));
}

/* star dust around logo */
.site-header .brand::before,
.site-header .brand::after,
header .brand::before,
header .brand::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
  opacity:.88;
  border-radius:999px;
  filter:blur(.1px);
}
.site-header .brand::before,
header .brand::before{
  width:7px;height:7px;
  left:10%;top:12%;
  background:radial-gradient(circle,#fff 0 18%,var(--at-cyan) 28% 44%,transparent 58%);
  box-shadow:
    38px 4px 0 -2px rgba(255,255,255,.95),
    75px 22px 0 -2px rgba(38,216,255,.95),
    108px -7px 0 -3px rgba(255,90,217,.9),
    145px 30px 0 -3px rgba(255,211,92,.9),
    190px 4px 0 -4px rgba(141,85,255,.9);
  animation:atLogoStars 4.8s ease-in-out infinite;
}
.site-header .brand::after,
header .brand::after{
  width:120%;height:120%;
  left:-10%;top:-10%;
  background:conic-gradient(from 180deg,transparent 0 58%,rgba(38,216,255,.18),rgba(141,85,255,.16),transparent 74% 100%);
  opacity:.44;
  animation:atLogoHalo 9s linear infinite;
}
@keyframes atLogoStars{
  0%,100%{transform:translate3d(0,0,0) scale(.92);opacity:.45;}
  35%{transform:translate3d(5px,-4px,0) scale(1.18);opacity:1;}
  68%{transform:translate3d(-3px,3px,0) scale(.98);opacity:.72;}
}
@keyframes atLogoHalo{to{transform:rotate(360deg)}}

/* footer logo small magic */
.arch-footer,
footer{position:relative;overflow:hidden;}
.footer-logo{position:relative;}
footer::after,.arch-footer::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(38,216,255,.5),rgba(141,85,255,.45),transparent);
  animation:atFooterRay 5s ease-in-out infinite;
}
@keyframes atFooterRay{0%,100%{opacity:.25;transform:translateX(-12%)}50%{opacity:1;transform:translateX(12%)}}

/* live project polish without changing structure */
#live-projects .project-card,
#live-projects .live-card,
.live-projects .project-card,
.live-projects .live-card,
.project-card[data-live]{
  position:relative;
  overflow:hidden;
  transform-style:preserve-3d;
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
#live-projects .project-card::before,
#live-projects .live-card::before,
.live-projects .project-card::before,
.live-projects .live-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(38,216,255,.20),transparent 34%);
  opacity:0;
  transition:opacity .3s ease;
}
#live-projects .project-card:hover,
#live-projects .live-card:hover,
.live-projects .project-card:hover,
.live-projects .live-card:hover{
  transform:translateY(-8px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));
  border-color:rgba(38,216,255,.5)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 42px rgba(38,216,255,.12);
}
#live-projects .project-card:hover::before,
#live-projects .live-card:hover::before,
.live-projects .project-card:hover::before,
.live-projects .live-card:hover::before{opacity:1;}
#live-projects img,.live-projects img{transition:transform .55s ease, filter .55s ease;}
#live-projects .project-card:hover img,
#live-projects .live-card:hover img,
.live-projects .project-card:hover img,
.live-projects .live-card:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.05);}

/* tiny star field, background-only and lightweight */
.at-starfield{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  overflow:hidden;
  opacity:.55;
}
.at-starfield i{
  position:absolute;
  width:3px;height:3px;
  border-radius:50%;
  background:rgba(38,216,255,.9);
  box-shadow:0 0 12px rgba(38,216,255,.8);
  animation:atStarDrift var(--dur,12s) ease-in-out infinite alternate;
}
.at-starfield i:nth-child(3n){background:rgba(141,85,255,.9);box-shadow:0 0 14px rgba(141,85,255,.75)}
.at-starfield i:nth-child(5n){background:rgba(255,90,217,.9);box-shadow:0 0 14px rgba(255,90,217,.65)}
@keyframes atStarDrift{
  from{transform:translate3d(0,0,0) scale(.75);opacity:.25;}
  to{transform:translate3d(var(--dx,24px),var(--dy,-18px),0) scale(1.25);opacity:.9;}
}
@media (prefers-reduced-motion:reduce){
  .site-header .brand::before,.site-header .brand::after,header .brand::before,header .brand::after,footer::after,.arch-footer::after,.at-starfield i{animation:none!important;}
}
@media(max-width:768px){
  .site-header .brand::before,header .brand::before{opacity:.65;transform:scale(.8)}
  .at-starfield{opacity:.35;}
}