:root {
	--bg-pure: #ffffff;
	--bg-industrial: #f8f9fa;
	--lab-accent: #0071E3; /* Biru sterile ala medical */
	--obsidian: #050505;
	--text-main: #0a0a0a;
	--azure-lab: #0047FF;         
	--azure-deep: #002687;        
--sultan-blue: 
    linear-gradient(
        180deg,
        #090909 0%,
        #020202 50%,
        #070707 100%
    );
	--sultan-deep:
	linear-gradient(
		180deg,
		#01040b 0%,
		#000814 50%,
		#01060d 100%
	);
	--sultan-blue-light: #001229; /* Versi sedikit lebih terang buat depth */
	--glow-blue: rgba(0, 71, 255, 0.3);
	--lens-accent: #4B0082;
	--border-clinical: rgba(0,0,0,0.06);
    --text-dim: rgba(255, 255, 255, 0.4);
    --border-line: rgba(255, 255, 255, 0.05);
	--font-primary: 'Outfit', sans-serif;
	--font-display: 'Syncopate', sans-serif;
	--font-accent: 'Instrument Serif', serif;
	--font-mono: 'JetBrains Mono', monospace;
	--ease-sasa: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-soft: cubic-bezier(0.25, 0.8, 0.25, 1);
	--t-base: 1.2s;
	--pharma-azure-lab: #0047FF;         
	--pharma-sultan-blue: #000814;       
	--pharma-obsidian: #050505;
	--pharma-pure-white: #ffffff;
	--pharma-sultan-aura: radial-gradient(circle at 70% 30%, rgba(0, 71, 255, 0.15) 0%, rgba(0, 8, 20, 0) 60%);
	--pharma-font-primary: 'Outfit', sans-serif;
	--pharma-font-display: 'Syncopate', sans-serif;
	--pharma-font-mono: 'JetBrains Mono', monospace;
	--pharma-ease-sasa: cubic-bezier(0.23, 1, 0.32, 1);
	
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: auto; background: var(--bg-pure); overflow-x: hidden; }

body { 
	background: var(--bg-pure); 
	color: var(--text-main); 
	font-family: var(--font-primary); 
	-webkit-font-smoothing: antialiased;
}

a, button, .btn-lab, .catalyst-cell, .section-unit { cursor: pointer; text-decoration: none; }

::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: var(--bg-pure); }
::-webkit-scrollbar-thumb { background: var(--azure-lab); }

/* BUTTON UPGRADE */
.btn-lab {
	padding: 40px 100px;
	border: 1px solid var(--border-clinical);
	background: #fff;
	color: var(--sultan-blue);
	font-family: var(--font-display);
	font-size: 0.7rem;
	letter-spacing: 1.5em;
	transition: 0.8s var(--ease-sasa);
	position: relative;
	z-index: 104;
	font-weight: 700;
}

.btn-lab:hover {
	background: var(--azure-lab);
	color: #fff;
	border-color: var(--azure-lab);
	transform: translateY(-15px) scale(1.05);
}