:root{--primary:#6366f1;--secondary:#a855f7;--accent:#14b8a6;--bg-dark:#fff}body{background-color:var(--bg-dark);color:#0b0626;margin:0;font-family:poppins;overflow-x:hidden}h1,h2,h3,h4,.brand-font{font-family:poppins}#canvas-container{z-index:-1;opacity:.7;width:100%;height:100%;position:fixed;top:0;left:0}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#00030ba6;border:1px solid #faee000d;box-shadow:0 4px 30px #cdc1c11a}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00050c66;border:1px solid #ffffff0d;transition:transform .3s,border-color .3s}.glass-card:hover{border-color:var(--primary);background:#2f323899;transform:translateY(-5px)}.text-gradient{background:linear-gradient(135deg,#1f2341 0%,#312042 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-accent{background:linear-gradient(135deg,#0c3832 0%,#09182e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2a0f28}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}.journey-line{background:linear-gradient(to bottom,var(--primary),var(--secondary));z-index:0;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}