:root{
  --bg-light:#FFFFFF;
  --card-light:#F8FAFC;
  --border-light:#E2E8F0;
  --text-dark:#0F172A;
  --accent-cyan:#0891B2;
}
body{background-color:var(--bg-light);color:var(--text-dark);font-family:Inter,sans-serif;overflow-x:hidden}
.glass-nav{background:#ffffffcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}
.js-enabled .fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}
.js-enabled .fade-in.visible,.fade-in{opacity:1;transform:translateY(0)}
.card-hover{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.card-hover:hover{transform:translateY(-5px);border-color:var(--accent-cyan);box-shadow:0 10px 30px -10px rgba(8,145,178,.18)}
#back-to-top{opacity:0;visibility:hidden;transition:all .3s ease}
#back-to-top.show{opacity:1;visibility:visible}
.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}
.accordion-item.active .accordion-content{max-height:500px}
.accordion-item.active .accordion-icon{transform:rotate(180deg)}
.accordion-icon{transition:transform .3s ease}